Update Linux info

This commit is contained in:
Malik Wachter 2024-02-05 22:23:14 +01:00
parent 9296d48dbf
commit d011055d89
11 changed files with 95 additions and 9 deletions

View file

@ -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>

View file

@ -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
View 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>

View file

@ -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;

View file

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
pics/desktop-neofetch.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 480 KiB

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

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