Update Linux info
This commit is contained in:
parent
9296d48dbf
commit
d011055d89
|
@ -44,18 +44,21 @@
|
||||||
<li id="linuxli4"></li>
|
<li id="linuxli4"></li>
|
||||||
<li id="linuxli5"></li>
|
<li id="linuxli5"></li>
|
||||||
<li id="linuxli6"></li>
|
<li id="linuxli6"></li>
|
||||||
|
<li id="linuxli7"></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<h2 id="linux2"></h2>
|
<h2 id="linux2"></h2>
|
||||||
<img src="../pics/linuxdesktop.png" class="neofetch">
|
<a href="../fullrespic.html#desktop"><img src="../pics/desktop-neofetch.png" class="neofetch"></a>
|
||||||
|
<p id="linuxclick1"></p>
|
||||||
|
<br>
|
||||||
<h2 id="linux2_2"></h2>
|
<h2 id="linux2_2"></h2>
|
||||||
<img src="../pics/linuxlaptop.png" class="neofetch">
|
<a href="../fullrespic.html#laptop"><img src="../pics/laptop-neofetch.png" class="neofetch"></a>
|
||||||
|
<p id="linuxclick2"></p>
|
||||||
<br>
|
<br>
|
||||||
<h2 id="linux3"></h2>
|
<h2 id="linux3"></h2>
|
||||||
|
|
||||||
<ul class="technolist">
|
<ul class="technolist">
|
||||||
<li id="linuxli7"></li>
|
|
||||||
<li id="linuxli8"></li>
|
<li id="linuxli8"></li>
|
||||||
<li id="linuxli9"></li>
|
<li id="linuxli9"></li>
|
||||||
<li id="linuxli10"></li>
|
<li id="linuxli10"></li>
|
||||||
|
|
|
@ -87,6 +87,10 @@ h2{
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
.row{
|
.row{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -265,6 +269,11 @@ table tr td{
|
||||||
.neofetch{
|
.neofetch{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-shadow: 10px 10px 10px;
|
box-shadow: 10px 10px 10px;
|
||||||
|
color:black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fullpic img{
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:900px){
|
@media only screen and (max-width:900px){
|
||||||
|
|
54
fullrespic.html
Normal file
54
fullrespic.html
Normal file
|
@ -0,0 +1,54 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>mawacode.de</title>
|
||||||
|
<link href="css/style.css" rel="stylesheet" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="icon" type="image/x-icon" href="webicons/logo.png">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="navbar">
|
||||||
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<ul id="menuList">
|
||||||
|
<li><a href="index.html" id="homenav"></a></li>
|
||||||
|
<li><a href="aboutme.html" id="aboutmenav"></a></li>
|
||||||
|
<li><a href="projects.html" id="projectsnav"></a></li>
|
||||||
|
<li><a href="contactme.html" id="contactnav"></a></li>
|
||||||
|
<li><a onclick="langChange()" id="lang"></a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="menu-icon">
|
||||||
|
<a onclick="langChange()" id="lang2"></a>
|
||||||
|
<img src="webicons/menu.png" onclick="togglemenu()">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-1">
|
||||||
|
<div id="fullpic"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="socialmedia">
|
||||||
|
<a href="https://feddit.de/u/mawacode"><img src="webicons/lemmy.png"></a>
|
||||||
|
<a rel="me" href="https://hessen.social/@mawacode"><img src="webicons/mastodon.png"></a>
|
||||||
|
<a href="https://github.com/malikwachter"><img src="webicons/GitHub.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/lang.js"></script>
|
||||||
|
<script src="js/popups.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
20
js/lang.js
20
js/lang.js
|
@ -50,11 +50,13 @@ var language = {
|
||||||
linuxli3: "2021 July - KDE Neon",
|
linuxli3: "2021 July - KDE Neon",
|
||||||
linuxli4: "2022 February - Fedora",
|
linuxli4: "2022 February - Fedora",
|
||||||
linuxli5: "2022 June - Nobara",
|
linuxli5: "2022 June - Nobara",
|
||||||
linuxli6: "Currently Fedora and Nobara",
|
linuxli6: "2024 February - Arch Linux",
|
||||||
|
linuxli7: "Currently Nobara and Arch",
|
||||||
linux2: "Desktop: Nobara Linux",
|
linux2: "Desktop: Nobara Linux",
|
||||||
linux2_2: "Laptop: Fedora Linux",
|
linux2_2: "Laptop: Arch Linux",
|
||||||
|
linuxclick1: "Click image for complete screenshot",
|
||||||
|
linuxclick2: "Click image for complete screenshot",
|
||||||
linux3: "Distros I've only played around with once:",
|
linux3: "Distros I've only played around with once:",
|
||||||
linuxli7: "Arch Linux",
|
|
||||||
linuxli8: "Artix Linux",
|
linuxli8: "Artix Linux",
|
||||||
linuxli9: "AntiX",
|
linuxli9: "AntiX",
|
||||||
linuxli10: "TailsOS",
|
linuxli10: "TailsOS",
|
||||||
|
@ -127,11 +129,13 @@ var language = {
|
||||||
linuxli3: "2021 Juli - KDE Neon",
|
linuxli3: "2021 Juli - KDE Neon",
|
||||||
linuxli4: "2022 Februar - Fedora",
|
linuxli4: "2022 Februar - Fedora",
|
||||||
linuxli5: "2022 Juni - Nobara",
|
linuxli5: "2022 Juni - Nobara",
|
||||||
linuxli6: "Aktuell Fedora und Nobara",
|
linuxli6: "2024 Februar - Arch Linux",
|
||||||
|
linuxli7: "Aktuell Nobara und Arch",
|
||||||
linux2: "Desktop: Nobara Linux",
|
linux2: "Desktop: Nobara Linux",
|
||||||
linux2_2: "Laptop: Fedora Linux",
|
linux2_2: "Laptop: Arch Linux",
|
||||||
|
linuxclick1: "Bild anklicken für kompletten screenshot",
|
||||||
|
linuxclick2: "Bild anklicken für kompletten screenshot",
|
||||||
linux3: "Distros mit dennen ich nurmal rumgespielt habe:",
|
linux3: "Distros mit dennen ich nurmal rumgespielt habe:",
|
||||||
linuxli7: "Arch Linux",
|
|
||||||
linuxli8: "Artix Linux",
|
linuxli8: "Artix Linux",
|
||||||
linuxli9: "AntiX",
|
linuxli9: "AntiX",
|
||||||
linuxli10: "TailsOS",
|
linuxli10: "TailsOS",
|
||||||
|
@ -223,6 +227,8 @@ if(isEnglish===false) {
|
||||||
linuxli6.textContent = language.ger.linuxli6;
|
linuxli6.textContent = language.ger.linuxli6;
|
||||||
linux2.textContent = language.ger.linux2;
|
linux2.textContent = language.ger.linux2;
|
||||||
linux2_2.textContent = language.ger.linux2_2;
|
linux2_2.textContent = language.ger.linux2_2;
|
||||||
|
linuxclick1.textContent = language.ger.linuxclick1;
|
||||||
|
linuxclick2.textContent = language.ger.linuxclick2;
|
||||||
linux3.textContent = language.ger.linux3;
|
linux3.textContent = language.ger.linux3;
|
||||||
linuxli7.textContent = language.ger.linuxli7;
|
linuxli7.textContent = language.ger.linuxli7;
|
||||||
linuxli8.textContent = language.ger.linuxli8;
|
linuxli8.textContent = language.ger.linuxli8;
|
||||||
|
@ -314,6 +320,8 @@ else{
|
||||||
linuxli6.textContent = language.eng.linuxli6;
|
linuxli6.textContent = language.eng.linuxli6;
|
||||||
linux2.textContent = language.eng.linux2;
|
linux2.textContent = language.eng.linux2;
|
||||||
linux2_2.textContent = language.eng.linux2_2;
|
linux2_2.textContent = language.eng.linux2_2;
|
||||||
|
linuxclick1.textContent = language.eng.linuxclick1;
|
||||||
|
linuxclick2.textContent = language.eng.linuxclick2;
|
||||||
linux3.textContent = language.eng.linux3;
|
linux3.textContent = language.eng.linux3;
|
||||||
linuxli7.textContent = language.eng.linuxli7;
|
linuxli7.textContent = language.eng.linuxli7;
|
||||||
linuxli8.textContent = language.eng.linuxli8;
|
linuxli8.textContent = language.eng.linuxli8;
|
||||||
|
|
12
js/popups.js
12
js/popups.js
|
@ -1,3 +1,15 @@
|
||||||
|
|
||||||
|
|
||||||
|
var fullpic = document.getElementById("fullpic")
|
||||||
|
|
||||||
|
if(window.location.href.indexOf("desktop") > -1){
|
||||||
|
fullpic.innerHTML+="<img src= 'pics/desktop-fullres.png'>";
|
||||||
|
}
|
||||||
|
if(window.location.href.indexOf("laptop") > -1){
|
||||||
|
fullpic.innerHTML+="<img src= 'pics/laptop-fullres.png'>";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Popup on Contact page
|
// Popup on Contact page
|
||||||
var Popup = document.getElementById("myPopup");
|
var Popup = document.getElementById("myPopup");
|
||||||
var btn = document.getElementById("popupButton");
|
var btn = document.getElementById("popupButton");
|
||||||
|
|
BIN
pics/desktop-fullres.png
Normal file
BIN
pics/desktop-fullres.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 6.1 MiB |
BIN
pics/desktop-neofetch.png
Normal file
BIN
pics/desktop-neofetch.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 480 KiB |
BIN
pics/laptop-fullres.png
Normal file
BIN
pics/laptop-fullres.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.6 MiB |
BIN
pics/laptop-neofetch.png
Normal file
BIN
pics/laptop-neofetch.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 210 KiB |
Binary file not shown.
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
Before Width: | Height: | Size: 119 KiB |
Loading…
Reference in a new issue