-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
14 lines (14 loc) · 10.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Frieda-Univers</title><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/F180.png"><link rel="icon" type="image/png" sizes="16x16" href="assets/img/F.png"><link rel="icon" type="image/png" sizes="32x32" href="assets/img/F32.png"><link rel="icon" type="image/png" sizes="180x180" href="assets/img/F180.png"><link rel="icon" type="image/png" sizes="192x192" href="assets/img/F192.png"><link rel="icon" type="image/png" sizes="512x512" href="assets/img/F512.png"><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css"><link rel="stylesheet" href="assets/css/styles.min.css"></head><body style="background: var(--bs-gray-700);"><nav class="navbar navbar-dark navbar-expand-md bg-dark py-3 fixed-top"><div class="container"><a class="navbar-brand d-flex align-items-center" href="https://www.frieda-univers.me"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><i class="fab fa-github-alt"></i></span><span style="font-family: 'B612 Mono', monospace;font-size: 23px;transform: translate(0px);">Frieda-Univers</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button><h1 style="color: rgb(205,170,195);font-family: 'Source Code Pro', monospace;">Main()</h1><div class="collapse navbar-collapse" id="navcol-5"><ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link active" href="index.html#my-projects">my "bigger" projects</a></li><li class="nav-item"><a class="nav-link active" href="index.html#small-scripts">small scripts</a></li><li class="nav-item"><a class="nav-link" href="index.html#about-me">about me</a></li></ul><a class="btn btn-primary ms-md-2" role="button" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" style="color: var(--bs-light);background: var(--bs-gray-800);border-color: var(--bs-gray-800);">nothing will happen</a></div></div></nav><div id="my-projects"><div class="container py-4 py-xl-5" style="margin-top: 100px;"><div style="background: #56515f;border-radius: 6px;border-style: solid;border-color: rgb(79,70,82);"><div class="row mb-5" style="margin-top: 12px;"><div class="col-md-8 col-xl-6 text-center mx-auto"><h2 style="color: rgb(215,215,215);font-size: 69px;">my "bigger" projects</h2><p class="w-lg-50" style="color: rgb(215,215,215);">Blablabla here you can find my latest projects.</p></div></div><div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3" style="margin-right: 12px;margin-left: 12px;margin-bottom: 12px;margin-top: -50px;"><div class="col"><a href="while_alive.html" style="text-decoration: none;"><div><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;" src="assets/img/while_(alive).png"><div class="py-4" style="opacity: 1;/*text-decoration: none;*/"><h4 style="color: rgb(215,215,215);/*text-decoration: none;*/">while alive</h4><p style="color: rgb(215,215,215);">"while alive" is an active background designed in html, css and javascript. It is changeable.</p></div></div></a></div><div class="col"><a href="#" style="text-decoration: none;"><div><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;" src="assets/img/NTFY.png"><div class="py-4"><h4 style="color: rgb(215,215,215);">Netz-Politk-News-Push</h4><p style="color: rgb(215,215,215);">"Netz-Politk-News-Push" is a german "news letter" which sends you mobile phone shorted push notification from "Netpolitik.org".</p></div></div></a></div></div></div></div></div><div id="small-scripts"><div class="container py-4 py-xl-5" style="margin-top: 100px;"><div style="background: #56515f;border-radius: 6px;border-style: solid;border-color: rgb(79,70,82);"><div class="row mb-5" style="margin-top: 12px;"><div class="col-md-8 col-xl-6 text-center mx-auto"><h2 style="color: rgb(215,215,215);font-size: 69px;">small scripts</h2><p class="w-lg-50" style="color: rgb(215,215,215);">here you can find small scripts lul</p></div></div><div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3" style="margin-right: 12px;margin-left: 12px;margin-bottom: 12px;margin-top: -50px;"><div class="col"><a href="#" style="text-decoration: none;"><div><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;" src="assets/img/cmd.png"><div class="py-4" style="opacity: 1;/*text-decoration: none;*/"><h4 style="color: rgb(215,215,215);/*text-decoration: none;*/">start cmd.bat</h4><p style="color: rgb(215,215,215);">"cmd.exe" is a program that controls the startup of terminals.</p></div></div></a></div><div class="col"><a href="#" style="text-decoration: none;"><div><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;" src="assets/img/Wuerfelversuch.png"><div class="py-4"><h4 style="color: rgb(215,215,215);">Wuerfelversuch</h4><p style="color: rgb(215,215,215);">"Wuerfelversuch.py" simulates dice rolls.</p></div></div></a></div></div></div></div></div><div id="about-me" style="margin-top: 50px;"><div class="container py-4 py-xl-5" style="margin-top: 12px;"><div style="background: #56515f;border-radius: 6px;border-style: solid;border-color: rgb(79,70,82);"><div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3" style="margin-right: 12px;margin-left: 12px;margin-top: 12px;margin-bottom: 12px;"><div class="col"><div><img class="rounded-circle img-fluid d-block fit-cover" style="height: 300px;width: 300px;background: #fcdede;border-width: 5px;border-color: var(--bs-gray-900);" src="assets/img/Untitled%201().png"></div></div><div class="col"><div><div class="py-4"><h2 style="color: rgb(215,215,215);font-size: 69px;">about me</h2><p style="color: rgb(215,215,215);">I'm Frieda 17 years old and I like programming...</p></div></div></div></div></div></div></div><div class="fixed-bottom overlay"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-chevron-double-up" style="color: rgb(137,137,137);margin-left: 50%;margin-right: 50%;">
<path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"></path>
<path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"></path>
</svg><footer class="text-center bg-dark bottom-0 position-absolute" id="footer"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-chevron-double-down" style="color: rgb(137,137,137);">
<path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path>
<path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path>
</svg><div class="container text-white py-4 py-lg-5"><ul class="list-inline"><li class="list-inline-item me-4"><a class="link-light" href="#">Web design</a></li><li class="list-inline-item me-4"><a class="link-light" href="#">Development</a></li><li class="list-inline-item"><a class="link-light" href="#">Hosting</a></li></ul><ul class="list-inline"><li class="list-inline-item me-4"><a href="https://discord.gg/jR8P3wsASS"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord text-light">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"></path>
</svg></a></li><li class="list-inline-item me-4"><a href="https://github.com/Frieder21"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-light">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg></a></li><li class="list-inline-item"><a href="https://www.reddit.com/user/leonie_UwU/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-reddit text-light">
<path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661zm1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"></path>
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"></path>
</svg></a></li></ul><p class="text-muted mb-0">Copyright © 2022 frieda-univers</p></div></footer></div><script src="assets/bootstrap/js/bootstrap.min.js"></script><script src="assets/js/script.min.js"></script></body></html>