nullndr/website
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Site upgrade, modified icons

Browse Source
This commit is contained in:
Andrea Foletto 2021-12-16 11:59:06 +01:00
parent db43db66d4
commit 80366cd86e
9 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
html/images/email.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 35 KiB

BIN
html/images/github.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
html/images/gitlab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 63 KiB

BIN
html/images/key.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
html/images/linkedin.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
html/images/telegram.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
html/images/twitter.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 38 KiB

2
html/index.html
View File

@ -10,7 +10,7 @@
<body> <body>
<div id="container"> <div id="container">
<div id="hello-world"> <div id="hello-world">
<span>$ </span><span id="command">echo "Hello world!"</span><span id="pipe">|</span> <div id="command">$ echo "Hello world!"<span id="pipe">|</span></div>
</div> </div>
<div> <div>
<nav id="links-nav" id="social-icons"> <nav id="links-nav" id="social-icons">

43
html/styles/style.css
View File

@ -1,31 +1,46 @@
* {} * {
}
body { body {
background-color: #1b263b; background-color: #202020;
display: flex; display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
justify-items: center;
margin: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
align-items: center;
justify-content: center;
margin: 0;
} }
#container { #container {
display: block; display: block;
width: auto;
padding: 15px;
} }
#hello-world { #hello-world {
color: #e0e1dd; color: #d6d6d6;
font-size: 7vh;
font-family: 'Fira Mono', monospace; font-family: 'Fira Mono', monospace;
letter-spacing: -7px; min-height: 4vh;
-moz-text-size-adjust: auto; width: 100%;
max-height: 100px;
text-align: center;
max-width: 100%;
min-width: 620px;
}
#command {
width: 100%;
max-height: 100px;
font-size: 5vw;
animation: linear;
} }
#pipe { #pipe {
animation: animate 1.5s linear infinite; animation: animate 1.5s linear infinite alternate;
max-height: 1vh;
} }
@keyframes animate{ @keyframes animate{
@ -44,6 +59,8 @@ body {
} }
.social-icon { .social-icon {
max-height: 32px; max-height: 5vh;
max-width: 32px; max-width: 5vw;
min-height: 24px;
min-width: 24px;
} }