First release

1cb10503 · Levatax · 1cb10503 · 1cb10503 · 1cb10503 · 1cb10503
Commit 1cb10503 authored 3 years ago by Levatax
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="style.css">
+    <title>Levatax - Home</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
+</head>
+
+<body>
+    <div class="box">
+        <ul>
+            <li><p class="current" onclick="about()" id="about">About</p></li>
+            <li><p onclick="work()" id="work">Work</p></li>
+        </ul>
+        <img src="pfp.png" alt="" class="box-img">
+        <h1>Levatax</h1>
+        <h5>Full Stack Developer</h5>
+        <p id="description">Beside being a web designer/developer, I am a photography hobbyist, a travel/adventure lover and a superbike dreamer. I don't think I am as good in photography as I am in web design but I love photography and traveling. When I am not working I love hanging around with my camera and capture some good snaps. Landscape and kids photography is something I really find myself enjoying.</p>
+        <ul>
+            <li><a href="https://www.instagram.com/levatax"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
+            <li><a href="https://www.patreon.com/levataxx"><i class="fab fa-patreon" aria-hidden="true"></i></a></li>
+            <li><a href="https://www.discord.com/users/774718136532205578"><i class="fab fa-discord" aria-hidden="true"></i></a></li>
+        </ul>
+    </div>
+</body>
+<script src="script.js"></script>
+</html>
\ No newline at end of file
--- a/pfp.png
+++ b/pfp.png
--- a/script.js
+++ b/script.js
+function work() {
+    document.getElementById("description").innerHTML = 'I said, I love opensource. And all my projects are opensource under different licences. You can take a look at them at <a href="https://git.randomchars.net/">Randomchars Gitlab instance</a>. You can publish your opensource projects there too ^^';
+    document.getElementById("about").classList.remove('current');
+    document.getElementById("work").classList.add('current');
+  }
+
+function about() {
+    document.getElementById("about").classList.add('current');
+    document.getElementById("work").classList.remove('current');
+    document.getElementById("description").innerHTML = "Beside being a web designer/developer, I am a photography hobbyist, a travel/adventure lover and a superbike dreamer. I don't think I am as good in photography as I am in web design but I love photography and traveling. When I am not working I love hanging around with my camera and capture some good snaps. Landscape and kids photography is something I really find myself enjoying.";
+}
\ No newline at end of file
--- a/style.css
+++ b/style.css
+body{
+    margin: 0;
+    padding: 0;
+    background-color: black;
+    background-size: cover;
+  }
+  .box{
+    width: 450px;
+    background: black;
+    padding: 40px;
+    text-align: center;
+    margin: auto;
+    margin-top: 6%;
+    border-radius: 30px;
+    color: white;
+    font-family: 'Century Gothic',sans-serif;
+  }
+  .box-img{
+    border-radius: 50%;
+    width: 200px;
+    height: 200px;
+  }
+  .box h1{
+    font-size: 40px;
+    letter-spacing: 2px;
+    font-weight: 100;
+    margin-bottom: 2%;
+  }
+  .box h5{
+    margin-top: 0%;
+    font-size: 20px;
+    letter-spacing: 2px;
+    font-weight: 100;
+  }
+  .box p{
+    margin-top: 0%;
+    text-align: justify;
+  }
+  ul{
+    margin: 0;
+    padding: 0;
+  }
+  .box li{
+    display: inline-block;
+    margin: 2px;
+    list-style: none;
+  }
+  .box li a{
+    color: #b9b9b9;
+    text-decoration: none;
+    font-size: 20px;
+    transition: all ease-in-out 250ms;
+  }
+  .box li a:hover{
+    color: green;
+  }
+
+  .box li p{
+    font-size: 20px;
+    margin: 10px;
+    transition: all ease-in-out 250ms;
+  }
+
+  .box li p:hover{
+    border-bottom: 2px solid green;
+  }
+
+  .current {
+    border-bottom: 2px solid green;
+  }
\ No newline at end of file