Browse Source

Uploaded the project

master
Givou 9 months ago
commit
7e7d4327d3
  1. 9
      css/animations.css
  2. 2337
      css/font-awesome/css/font-awesome.css
  3. 4
      css/font-awesome/css/font-awesome.min.css
  4. BIN
      css/font-awesome/fonts/FontAwesome.otf
  5. BIN
      css/font-awesome/fonts/fontawesome-webfont.eot
  6. 2671
      css/font-awesome/fonts/fontawesome-webfont.svg
  7. BIN
      css/font-awesome/fonts/fontawesome-webfont.ttf
  8. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff
  9. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff2
  10. 127
      css/style.css
  11. BIN
      img/profile.png
  12. 58
      index.php

9
css/animations.css

@ -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;}
}

2337
css/font-awesome/css/font-awesome.css
File diff suppressed because it is too large
View File

4
css/font-awesome/css/font-awesome.min.css
File diff suppressed because it is too large
View File

BIN
css/font-awesome/fonts/FontAwesome.otf

Binary file not shown.

BIN
css/font-awesome/fonts/fontawesome-webfont.eot

Binary file not shown.

2671
css/font-awesome/fonts/fontawesome-webfont.svg
File diff suppressed because it is too large
View File

BIN
css/font-awesome/fonts/fontawesome-webfont.ttf

Binary file not shown.

BIN
css/font-awesome/fonts/fontawesome-webfont.woff

Binary file not shown.

BIN
css/font-awesome/fonts/fontawesome-webfont.woff2

Binary file not shown.

127
css/style.css

@ -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;
}

BIN
img/profile.png

Binary file not shown.

After

Width: 162  |  Height: 162  |  Size: 65 KiB

58
index.php

@ -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>&copy; <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…
Cancel
Save