add more links; added fontawesome
[twobees.de.git] / index.html
index c6bbfff4f67cfeaeee468dfe9a3705e1e12b7333..e4b225fbbb4dee94b3b11d95eeb96ea5c1fcb093 100644 (file)
@@ -1,37 +1,26 @@
 <html lang="de">
     <head>
-    <style>
-html *
-{
-    font-family: Courier New;
-}
-h1 {
-    font-size: 4em;
-    font-weight: bold;
-}
-p {
-    font-size: 2em;
-}
-.centered {
-    top: 50%;
-    left: 50%;
-    position: absolute;
-    transform: translateY(-50%) translateX(-50%);
-}
-    </style>
-    <meta charset="utf-8"/>
         <title>¯\_(ツ)_/¯</title>
+        <meta charset="utf-8"/>
+        <link href="css/index.css" rel="stylesheet" />
+        <link href="font/fontawesome/css/all.min.css" rel="stylesheet" />
     </head>
     <body>
         <div class="centered">
             <h1>¯\_(ツ)_/¯</h1>
-            <p align="center">
-                diese Seite ist fast leer...
+            <p class="big">
+            diese Seite ist fast leer...
             </p>
             <p>
-                <ul>
-                    <li>...bis auf ein bischen zum <a href="https://src.twobees.de/">code</a>
-                </ul>
+            ... bis auf ein bischen <a href="https://src.twobees.de/">code</a>
+            <br />
+            ... bissel was auf <a href="https://github.com/tobser"><i class="fab fa-github"></i> github (tobser)</a>
+            <br />
+            ... und noch weniger auf <a href="https://twitter.com/tobatser"><i class="fab fa-twitter"></i> twitter (tobatser)</a>
+            <br />
+            ... und ner Mailadresse <a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#116;&#111;&#098;&#064;&#116;&#119;&#111;&#098;&#101;&#101;&#115;&#046;&#100;&#101;">
+                Tobias Sachs &lt;&#116;&#111;&#098;&#064;&#116;&#119;&#111;&#098;&#101;&#101;&#115;&#046;&#100;&#101;&gt;
+            </a>
             </p>
         </div>
     </body>