Uploaded the project
This commit is contained in:
commit
7e7d4327d3
|
@ -0,0 +1,9 @@
|
|||
@keyframes avatar-picture-fadein {
|
||||
from { margin-top: 0%; opacity: 0;}
|
||||
to { margin-top: 1%; opacity: 1;}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0;}
|
||||
to { opacity: 1;}
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -0,0 +1,127 @@
|
|||
/* Global Secion */
|
||||
body {
|
||||
background: #233142;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
align: center;
|
||||
}
|
||||
/* Avatar Secion */
|
||||
.avatar {
|
||||
text-align: center;
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
.avatar-img {
|
||||
width: 200px;
|
||||
height: auto;
|
||||
border-radius: 50%;
|
||||
margin-top: 1%;
|
||||
animation-name: avatar-picture-fadein;
|
||||
animation-duration: 1.5s;
|
||||
}
|
||||
|
||||
.avatar-text {
|
||||
color: #7996b9;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
}
|
||||
|
||||
.avatar-subtext {
|
||||
color: #7996b9;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
}
|
||||
|
||||
/* links Secion */
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: -2%;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 5%;
|
||||
font-size: 38px;
|
||||
color: #bfbfbf;
|
||||
max-width: 14%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 967px) {
|
||||
.block {
|
||||
display: block;
|
||||
text-align: center;
|
||||
transform: translate(50%, 3%);
|
||||
max-width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.block-subtext {
|
||||
font-size: 0.5em;
|
||||
color: #7996b9;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
}
|
||||
|
||||
.block-1{
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
animation-delay: 0.2s;
|
||||
animation-fill-mode:forwards;
|
||||
}
|
||||
|
||||
.block-2{
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
animation-delay: 0.5s;
|
||||
animation-fill-mode:forwards;
|
||||
}
|
||||
|
||||
.block-3 {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
animation-delay: 0.8s;
|
||||
animation-fill-mode:forwards;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 0;
|
||||
background: #354a64;
|
||||
color: #bfbfbf;
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
margin: 20px auto;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
font-size: 0.6em;
|
||||
transition-duration: 0.4s;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #006080;
|
||||
}
|
||||
|
||||
/* Footer section */
|
||||
.footer {
|
||||
text-align: center;
|
||||
margin-top: -2%;
|
||||
color: #7996b9;
|
||||
font-family: 'Trebuchet MS', sans-serif;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 1.5s;
|
||||
}
|
||||
|
||||
.footer-heart {
|
||||
color: red;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 65 KiB |
|
@ -0,0 +1,58 @@
|
|||
<!--Oh nice! You found the source code :)-->
|
||||
<!--You can make your life miserable or watch it right here: https://git.thiemoo.at-->
|
||||
<!--Attention! Licensed under Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) License -->
|
||||
<!--View: https://creativecommons.org/licenses/by-sa/4.0/-->
|
||||
|
||||
<!--Made by Givou(https://thiemoo.at)-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<title>Thiemoo.at - Home</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="css/style.css" />
|
||||
<link type="text/css" rel="stylesheet" href="css/animations.css" />
|
||||
<link type="text/css" rel="stylesheet" href="css/font-awesome/css/font-awesome.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--Avatar-->
|
||||
<div class="avatar">
|
||||
<img class="avatar-img" src="img/profile.png" alt="Avatar" />
|
||||
<h1 class="avatar-text">Thiemo Tiziani</h1>
|
||||
<p class="avatar-subtext">HTML/CSS/JS/PHP | SQL | Java | C</p>
|
||||
</div>
|
||||
|
||||
<!--Links-->
|
||||
<div class="links">
|
||||
<div class="block block-1">
|
||||
<i class="fa fa-git"></i>
|
||||
<p class="block-subtext">Auf meiner Git-Page findet ihr alle Projekte, welche ich programmiert habe und veröffentlicht habe! Diese sind zumeist unter CC-BY-SA 4.0 Lizenziert.</p>
|
||||
<p />
|
||||
<a target="_blank" href="https://git.thiemoo.at/Givou"><button class="button">Aufrufen</button></a>
|
||||
</div>
|
||||
|
||||
<div class="block block-2">
|
||||
<i class="fa fa-server"></i>
|
||||
<p class="block-subtext">NerdCity.at wird ein Hosting unternehmen sein, welches viele Freiheiten und kostenlose Services bereitstellen wird. Datenschutz spielt dabei eine wichtige Rolle.</p>
|
||||
<a target="_blank" href="https://nerdcity.at"><button class="button">Aufrufen</button></a>
|
||||
</div>
|
||||
|
||||
<div class="block block-3">
|
||||
<i class="fa fa-comment-o"></i>
|
||||
<p class="block-subtext">Ihr könnt gerne auf meinen Teamspeak kommen, um mich zu kontaktieren. Meistens könnt ihr mich ab 18:00 dort antreffen. Ich helfe gerne weiter.</p>
|
||||
<p />
|
||||
<a href="ts3server://nerdcity.at?port=9987"><button class="button">Verbinden</button></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>© <script>date=new Date(); document.write(date.getFullYear())</script> | Made with <i class="footer-heart fa fa-heart"></i> by Givou</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue