Site upgrade
Andrea Foletto
BIN
public_html/images/email.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public_html/images/github.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
public_html/images/gitlab.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
public_html/images/key.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public_html/images/linkedin.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
public_html/images/telegram.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
public_html/images/twitter.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
@@ -5,9 +5,24 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<meta name="author" content="andrewfoll@protonmail.com"/>
|
||||
<link rel="shortcut icon" href="./images/favicon.png"/>
|
||||
<link rel="stylesheet" type="text/css" href="styles/style.css" media="screen"/>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Hello, World!</h2>
|
||||
<p>You can download my pgp public key by clicking <a href="./nullablepgpkey.pub">here</a>.</p>
|
||||
<div id="container">
|
||||
<div id="hello-world">
|
||||
<span>$ </span><span id="command">echo "Hello world!"</span><span id="pipe">|</span>
|
||||
</div>
|
||||
<div>
|
||||
<nav id="links-nav" id="social-icons">
|
||||
<a href="https://t.me/null_able"><img class="social-icon" alt="Telegram" src="./images/telegram.png"/></a>
|
||||
<a href="https://gitlab.com/nullndr"><img class="social-icon" alt="gitlab" src="./images/gitlab.png"/></a>
|
||||
<a href="https://github.com/nullndr"><img class="social-icon" alt="github" src="./images/github.png"/></a>
|
||||
<a href="https://twitter.com/nullndr"><img class="social-icon" alt="Twitter" src="./images/twitter.png"/></a>
|
||||
<a href="mailto: andrea@yaaaw.it"><img class="social-icon" alt="Protonmail" src="./images/email.png"/></a>
|
||||
<a href="https://www.linkedin.com/in/andrea-foletto-5457b5187/"><img class="social-icon" alt="Linkedin" src="./images/linkedin.png"/></a>
|
||||
<a href="./nullablepgpkey.pub"><img class="social-icon" alt="gpg key" src="./images/key.png"/></a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
49
public_html/styles/style.css
Normal file
@@ -0,0 +1,49 @@
|
||||
|
||||
* {}
|
||||
|
||||
body {
|
||||
background-color: #1b263b;
|
||||
|
||||
display: flex;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#hello-world {
|
||||
color: #e0e1dd;
|
||||
font-size: 7vh;
|
||||
font-family: 'Fira Mono', monospace;
|
||||
letter-spacing: -7px;
|
||||
-moz-text-size-adjust: auto;
|
||||
}
|
||||
|
||||
#pipe {
|
||||
animation: animate 1.5s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes animate{
|
||||
from, 49.9% { opacity: 0; }
|
||||
to, 50% { opacity: 1; }
|
||||
}
|
||||
|
||||
#links-nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#links-nav > a {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.social-icon {
|
||||
max-height: 32px;
|
||||
max-width: 32px;
|
||||
}
|
||||