I forgot what I did
This commit is contained in:
parent
ced9eb0c6d
commit
99ebd8dc33
|
@ -35,12 +35,13 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="aboutmetitle"></h1>
|
<h1 id="aboutmetitle"></h1>
|
||||||
<h2 id="aboutme1"></h2>
|
|
||||||
<br>
|
<br>
|
||||||
<h2 id="aboutme2"></h2>
|
<p id="aboutme1"></p>
|
||||||
|
<br>
|
||||||
|
<p id="aboutme2"></p>
|
||||||
|
<br>
|
||||||
|
<p id="aboutme3"></p>
|
||||||
<br>
|
<br>
|
||||||
<h2 id="aboutme3"></h2>
|
|
||||||
|
|
||||||
<ul id="aboutmelinks">
|
<ul id="aboutmelinks">
|
||||||
<li><a href="aboutme/cats.html" id="aboutmebutton1"></a></li>
|
<li><a href="aboutme/cats.html" id="aboutmebutton1"></a></li>
|
||||||
<li><a href="aboutme/linux.html" id="aboutmebutton2"></a></li>
|
<li><a href="aboutme/linux.html" id="aboutmebutton2"></a></li>
|
||||||
|
|
|
@ -34,7 +34,8 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="catstitle"></h1>
|
<h1 id="catstitle"></h1>
|
||||||
<h2 id="cats"></h2>
|
<br>
|
||||||
|
<p id="cats"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-2" id="catpics">
|
<div class="col-2" id="catpics">
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="technotitle"></h1>
|
<h1 id="technotitle"></h1>
|
||||||
<h2 id="techno"></h2>
|
<p id="techno"></p>
|
||||||
|
|
||||||
<ul class="technolist">
|
<ul class="technolist">
|
||||||
<li id="technoli1"></li>
|
<li id="technoli1"></li>
|
||||||
|
|
|
@ -36,6 +36,7 @@
|
||||||
<div class="popupContent">
|
<div class="popupContent">
|
||||||
<span class="close">×</span>
|
<span class="close">×</span>
|
||||||
<h1>PGP Key</h1>
|
<h1>PGP Key</h1>
|
||||||
|
<br>
|
||||||
<p>-----BEGIN PGP PUBLIC KEY BLOCK-----<br>
|
<p>-----BEGIN PGP PUBLIC KEY BLOCK-----<br>
|
||||||
xjMEZb6aVBYJKwYBBAHaRw8BAQdAoOqb346rMo1iB+4uhOk/5P01bMKkz3lz<br>
|
xjMEZb6aVBYJKwYBBAHaRw8BAQdAoOqb346rMo1iB+4uhOk/5P01bMKkz3lz<br>
|
||||||
f/VkW/nOcq/NKWNvbnRhY3RAbWF3YWNvZGUuZGUgPGNvbnRhY3RAbWF3YWNv<br>
|
f/VkW/nOcq/NKWNvbnRhY3RAbWF3YWNvZGUuZGUgPGNvbnRhY3RAbWF3YWNv<br>
|
||||||
|
@ -55,7 +56,9 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="contacttitle"></h1>
|
<h1 id="contacttitle"></h1>
|
||||||
<h2 id="contact"></h2>
|
<br>
|
||||||
|
<p id="contact"></p>
|
||||||
|
<br>
|
||||||
<a id="popupButton">PGP Key</a>
|
<a id="popupButton">PGP Key</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
*{
|
*{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: sans-serif;
|
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container{
|
.container{
|
||||||
|
@ -28,7 +28,6 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-shadow: 5px 5px 5px;
|
box-shadow: 5px 5px 5px;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
|
|
||||||
backdrop-filter: blur(10px) saturate(100%);
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
||||||
background-color: rgba(30, 30, 30, 0.75);
|
background-color: rgba(30, 30, 30, 0.75);
|
||||||
|
@ -38,7 +37,7 @@
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 190px;
|
width: 190px;
|
||||||
margin-top: 5em;
|
margin-top: 3.5em;
|
||||||
margin-left: 8%;
|
margin-left: 8%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
backdrop-filter: blur(10px) saturate(100%);
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
@ -62,15 +61,16 @@ nav ul li{
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li a{
|
nav ul li a{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul li a:hover{
|
nav ul li a:hover{
|
||||||
color: #aaaaaa;
|
color: #af83b9;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -91,15 +91,16 @@ nav ul li a:hover{
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
}
|
}
|
||||||
|
|
||||||
p{
|
p{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
|
font-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.row{
|
.row{
|
||||||
|
@ -121,7 +122,7 @@ p{
|
||||||
border-radius: 0 12px 0 12px;
|
border-radius: 0 12px 0 12px;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.125);
|
border: 1px solid rgba(255, 255, 255, 0.125);
|
||||||
|
|
||||||
z-index: 2;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-2{
|
.col-2{
|
||||||
|
@ -167,14 +168,14 @@ p{
|
||||||
}
|
}
|
||||||
|
|
||||||
#popupButton:hover{
|
#popupButton:hover{
|
||||||
color: #aaaaaa;
|
color: #af83b9;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Popup {
|
.Popup {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1;
|
z-index: 3;
|
||||||
padding-top: 100px;
|
padding-top: 100px;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -188,7 +189,7 @@ p{
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
|
|
||||||
backdrop-filter: blur(10px) saturate(100%);
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
||||||
|
@ -198,14 +199,14 @@ p{
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.close:hover, .close:focus {
|
.close:hover, .close:focus {
|
||||||
color: #aaaaaa;
|
color: #af83b9;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
@ -247,7 +248,7 @@ p{
|
||||||
}
|
}
|
||||||
|
|
||||||
#aboutmelinks li a{
|
#aboutmelinks li a{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -261,7 +262,7 @@ p{
|
||||||
}
|
}
|
||||||
|
|
||||||
#aboutmelinks li a:hover{
|
#aboutmelinks li a:hover{
|
||||||
color: #aaaaaa;
|
color: #af83b9;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -272,7 +273,7 @@ p{
|
||||||
}
|
}
|
||||||
|
|
||||||
.technolist li{
|
.technolist li{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
|
@ -282,7 +283,7 @@ p{
|
||||||
|
|
||||||
backdrop-filter: blur(10px) saturate(100%);
|
backdrop-filter: blur(10px) saturate(100%);
|
||||||
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
-webkit-backdrop-filter: blur(10px) saturate(100%);
|
||||||
background-color: rgba(30, 30, 30, 0.75);
|
background-color: rgba(50, 50, 50, 0.75);
|
||||||
border-radius: 0 12px 0 12px;
|
border-radius: 0 12px 0 12px;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.125);
|
border: 1px solid rgba(255, 255, 255, 0.125);
|
||||||
}
|
}
|
||||||
|
@ -300,7 +301,7 @@ table{
|
||||||
}
|
}
|
||||||
|
|
||||||
table tr th{
|
table tr th{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
|
@ -312,7 +313,7 @@ table tr th{
|
||||||
}
|
}
|
||||||
|
|
||||||
table tr td{
|
table tr td{
|
||||||
color: white;
|
color: #bbadbe;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
|
@ -395,7 +396,7 @@ table tr td{
|
||||||
|
|
||||||
.row{
|
.row{
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin: 50px 0
|
margin: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-2{
|
.col-2{
|
||||||
|
@ -416,6 +417,7 @@ table tr td{
|
||||||
.col-1{
|
.col-1{
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#aboutmelinks li{
|
#aboutmelinks li{
|
||||||
|
|
|
@ -35,9 +35,10 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="welcometitle">Looks like you have JavaScript deactivated. Please activate JavaScript. My entire JavaScript is Open-Source btw. https://github.com/malikwachter/mawacode.de/blob/main/js/lang.js</h1>
|
<h1 id="welcometitle">Looks like you have JavaScript deactivated. Please activate JavaScript. My entire JavaScript is Open-Source btw. https://github.com/malikwachter/mawacode.de/blob/main/js/lang.js</h1>
|
||||||
<h2 id="welcome1"></h2>
|
|
||||||
<br>
|
<br>
|
||||||
<h2 id="welcome2"></h2>
|
<p id="welcome1"></p>
|
||||||
|
<br>
|
||||||
|
<p id="welcome2"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-2">
|
<div class="col-2">
|
||||||
<img src="pics/cat_frontpage.png" class="catFront">
|
<img src="pics/cat_frontpage.png" class="catFront">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
|
|
||||||
|
//Full res picture site
|
||||||
var fullpic = document.getElementById("fullpic")
|
var fullpic = document.getElementById("fullpic")
|
||||||
|
|
||||||
if(window.location.href.indexOf("desktop") > -1){
|
if(window.location.href.indexOf("desktop") > -1){
|
||||||
|
|
|
@ -35,7 +35,8 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1 id="projectstitle"></h1>
|
<h1 id="projectstitle"></h1>
|
||||||
<h2 id="projects"></h2>
|
<br>
|
||||||
|
<p id="projects"></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-2">
|
<div class="col-2">
|
||||||
|
|
Loading…
Reference in a new issue