hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2025-06-07 13:54:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Text updates, style and readability improvements

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2024-02-12 22:02:10 -05:00
parent 0b5b3bce30
commit ad265bc699
6 changed files with 32 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Styles/home.css
View file

@ -12,7 +12,10 @@ body {
.title {
margin: 2rem 2rem 1rem 2rem;
text-align: center;
}
.subtitle {
margin: 0 2rem;
}
h2 {
@ -25,7 +28,7 @@ h2 {
h2::before {
content: "";
position: absolute;
top: .5rem;
top: .3rem;
left: -.6rem;
height: 1rem;
width: .25rem;
@ -81,12 +84,13 @@ a {
}
.main-text {
max-width: 900px;
max-width: 750px;
transition: .2s;
}
.thoughts-preview {
padding-top: 8.5em;
margin-right: 2em;
}
.thoughts-preview a {

78
Styles/roadmap.css
View file

@ -1,78 +0,0 @@
body {
background-color: #ffbbbb;
color: #fff;
}
.header {
background-color: #663399;
}
.tabswitcher {
display: grid;
grid-template-columns: auto auto auto;
background-color: #222;
text-align: center;
}
.tabswitcherbtn {
padding: .8em 0;
display: inline-block;
background-color: #222;
font: 1em sans-serif;
transition: .2s;
}
.activeswitcher {
background-color: #444;
}
.active-section { background-color: #00ff00; }
.timeline-section { background-color: #00ffff; }
.roadmap-section { background-color: #ffff00; }
.activetab { background-color: #ffffff; }
.sections {
padding: 2em 0;
overflow: auto;
white-space: nowrap;
overflow-x: hidden;
}
.sections::-webkit-scrollbar { display: none; }
.section {
box-sizing: border-box;
display: inline-block;
width: 100vw;
white-space: initial;
color: #222;
transition: .05s;
}
.project-block {
padding: 4em 3em;
display: grid;
grid-template-columns: 50% 50%;
background-color: #ddd;
border-bottom: solid .2em #222;
}
.img-parent {
text-align: center;
}
.img-parent img {
max-width: 40vw;
}
.text-block {
background-color: #fff;
}
@media only screen and (max-width: 700px) {
.project-block {
grid-template-columns: auto;
}
}