hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2024-11-07 08:05:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

hi

Browse source
This commit is contained in:
Squirrel-314 2020-12-02 14:12:33 -05:00
parent b769a38f56
commit 9e760ee6ac
3 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/linux.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 41 KiB

1
index.html
View file

@ -59,6 +59,7 @@
<p>Email | <a href="mailto:thehillsidetownship@gmail.com?subject=feedback">thehillsidetownship@gmail.com</a></p> <p>Email | <a href="mailto:thehillsidetownship@gmail.com?subject=feedback">thehillsidetownship@gmail.com</a></p>
<p>Adress | Oak forest, acorn path, that tree.</p> <p>Adress | Oak forest, acorn path, that tree.</p>
<p>Hillside Township | <a href="https://hillside-township.github.io/">https://hillside-township.github.io</a></p> <p>Hillside Township | <a href="https://hillside-township.github.io/">https://hillside-township.github.io</a></p>
<img title="I like rainbows" id="linux-rainbow" src="Images/linux.png" alt="">
</div> </div>
</body> </body>
</html> </html>

41
styles.css
View file

@ -2,33 +2,22 @@
Main Main
==================================================*/ ==================================================*/
html {
overflow: scroll;
scroll-snap-type: y mandatory;
}
body { body {
font-family: Helvetica; font-family: Helvetica;
background-color: whitesmoke; background-color: whitesmoke;
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow-y: scroll;
scroll-snap-type: y mandatory;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }
/*==================================================
Scrolling
==================================================*/
.scroll-container {
height: 100vh;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}
section {
}
/*================================================== /*==================================================
Navigation Bar Navigation Bar
==================================================*/ ==================================================*/
@ -43,6 +32,7 @@ nav {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 8px; padding: 8px;
overflow: scroll;
scroll-snap-align: start; scroll-snap-align: start;
box-shadow: 0 8px 15px #262626; box-shadow: 0 8px 15px #262626;
} }
@ -58,8 +48,8 @@ Main Sectors
==================================================*/ ==================================================*/
.project { .project {
margin: 0;
height: 100vh; height: 100vh;
overflow: scroll;
scroll-snap-align: start; scroll-snap-align: start;
} }
@ -111,7 +101,12 @@ Main Sectors
width: 100%; width: 100%;
background-color: whitesmoke; background-color: whitesmoke;
position: relative; position: relative;
overflow: scroll;
scroll-snap-align: start; scroll-snap-align: start;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
} }
/*================================================== /*==================================================
@ -245,3 +240,15 @@ Display Images
width: 125px; width: 125px;
height: 125px; height: 125px;
} }
/*==================================================
End Section
==================================================*/
#linux-rainbow {
size: auto;
max-width: 80%;
max-height: 60%;
border-radius: 50px;
animation: rainbow-glow 5s infinite;
}