projects / forssennils.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c282720)
update main
authorNils Forssen <forssennils@gmail.com>
Sun, 7 Sep 2025 19:39:23 +0000 (21:39 +0200)
committerNils Forssen <forssennils@gmail.com>
Sun, 7 Sep 2025 19:39:23 +0000 (21:39 +0200)
20 files changed:
about.html patch | blob | history
css/YF.css [new file with mode: 0644] patch | blob
css/flygblad.css [new file with mode: 0644] patch | blob
css/main.css patch | blob | history
flygblad.html [new file with mode: 0644] patch | blob
index.html patch | blob | history
posts/indonesien.html patch | blob | history
posts/ny_gitarr.html [new file with mode: 0644] patch | blob
posts/skruv_rant.html [new file with mode: 0644] patch | blob
posts/star_rider.html patch | blob | history
posts/the_price.html [new file with mode: 0644] patch | blob
posts/uppdatering.html patch | blob | history
posts/welcome.html patch | blob | history
posts/welcome_2.html [new file with mode: 0644] patch | blob
projects.html patch | blob | history
projects/CDIO.html [new file with mode: 0644] patch | blob
projects/gitarrpedaler.html patch | blob | history
projects/kandidatprojekt.html patch | blob | history
projects/phono_preamp.html patch | blob | history
projects/speaker.html patch | blob | history

diff --git a/about.html b/about.html
index 6fb66583576419bcacebe4207331683857847d1e..6aa52af75f21deaa3678a163104c215d50f4333f 100644 (file)
--- a/about.html
+++ b/about.html
@@ -4,15 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="css/reset.css">
-    <link rel="stylesheet" href="css/main.css">
-       <script src="js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
-        <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">
-        <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
                <header>
                        <h1>Nils Forssén | Magasinet</h1>
                </header>
                <header>
                        <h1>Nils Forssén | Magasinet</h1>
                </header>
@@ -22,8 +23,10 @@
                                <li><a href="/index.html">Start</a></li>
                                <li><a href="/projects.html">Projekt</a></li>
                                <li><a href="/about.html">Om Mig</a></li>
                                <li><a href="/index.html">Start</a></li>
                                <li><a href="/projects.html">Projekt</a></li>
                                <li><a href="/about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
@@ -56,7 +59,7 @@
                 Utöver elektronik så gillar jag det mesta som grundar sig i hemmaprojekt. Jag brygger egen öl på
                 en hobbynivå och gillar att laga mat. Blir det så att morfar visar upp sin gamla veteran-motorcykel
                 han svetsade ihop från skrot på 70-talet så tänker jag direkt, "Svintufft, en sådan skall jag göra någon
                 Utöver elektronik så gillar jag det mesta som grundar sig i hemmaprojekt. Jag brygger egen öl på
                 en hobbynivå och gillar att laga mat. Blir det så att morfar visar upp sin gamla veteran-motorcykel
                 han svetsade ihop från skrot på 70-talet så tänker jag direkt, "Svintufft, en sådan skall jag göra någon
-                dag." osv. 
+                dag.".
             </p>    
 
             <p>
             </p>    
 
             <p>
@@ -65,7 +68,7 @@
             </p>
 
             <p>
             </p>
 
             <p>
-                Jag sitter även som ordförande för andra året i studentföreningen <a href="https://admittansen.se/" data-type="URL" data-id="https://admittansen.se/">Elektronikföreningen Admittansen</a>.
+                Jag sitter även som ordförande för andra året i studentföreningen <a href="https://admittansen.se/">Elektronikföreningen Admittansen</a>.
                 En perfekt förening för den som gillar att grotta ner sig i allt ifrån gamla radioprylar från -54 eller hellre tämjer guden Tor
                 och bygger en liten taser. I Admittansens labb finns finns allt man behöver (även en det man inte vet om att man behöver)
                 som oscilloskåp, lödpenna, spänningsagregat och självklart en logikanalysator från -82 som säkert väger som en dräktig ko
                 En perfekt förening för den som gillar att grotta ner sig i allt ifrån gamla radioprylar från -54 eller hellre tämjer guden Tor
                 och bygger en liten taser. I Admittansens labb finns finns allt man behöver (även en det man inte vet om att man behöver)
                 som oscilloskåp, lödpenna, spänningsagregat och självklart en logikanalysator från -82 som säkert väger som en dräktig ko
diff --git a/css/YF.css b/css/YF.css
new file mode 100644 (file)
index 0000000..98ddc7b
--- /dev/null
+++ b/css/YF.css
@@ -0,0 +1,41 @@
+body {
+    background-image: url("/assets/images/YF_kilt.jpg"); 
+    background-size: 200px 200px;
+    background-repeat: repeat;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 30px;
+}
+
+
+
+.img_container {
+    display: flex;
+    width: 60%;
+    padding: 30px;
+    justify-content: center;
+}
+
+img {
+    max-width:70%;
+    max-height:70%;
+}
+
+h1 {
+    display: flex;
+    justify-content: center;
+    color: white;
+    font-size: 4em;
+    padding:30px;
+    text-align:center;
+}
+
+.rectangle {
+    width: 70%;
+    background-color: black;
+    border-radius: 30px;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+}
diff --git a/css/flygblad.css b/css/flygblad.css
new file mode 100644 (file)
index 0000000..04df60f
--- /dev/null
+++ b/css/flygblad.css
@@ -0,0 +1,219 @@
+
+body {
+    font-family: monospace;
+}
+
+.title-div {
+    background-color: #999;
+    padding-top: 15px;
+}
+
+.superimage_right {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 0px 10px 0px 0px;
+}
+
+.superimage_left {
+    position: absolute;
+    top: 0;
+    left: 0;
+    margin: 0px 0px 0px 10px;
+}
+
+header {
+    background-color: #444;
+    color: #fff;
+    width: fit-content;
+    border-radius: 15px;
+    outline: 6px solid #000;
+}
+
+header h1 {
+    padding: 10px 10px;
+    font-size: 30px;
+}
+
+nav {
+    background-color: #444;
+    width: 65%;
+    margin: 20px auto 0;
+    border-radius: 15px;
+    outline: 6px solid #000;
+    overflow: hidden; /* Ensure content does not overflow */
+}
+
+nav ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+}
+
+nav ul li {
+    float: left;
+    width: 14.2%;
+}
+
+nav ul li a {
+    display: block;
+    padding: 10px 10px;
+    text-align: center;
+    text-decoration: none;
+    color: #fff;
+    border-radius: 0;
+    font-size:15px;
+    transition: background-color 0.3s;
+}
+
+nav ul li a:hover {
+    background-color: #555;
+}
+
+.main {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.block {
+    background-color: #ddd;
+    border-radius: 15px;
+    outline: 3px solid #000;
+    width: calc(100% - 470px); /* Experimental value */
+}
+
+.description {
+    width: calc(100% - 470px); /* Experimental value */
+}
+
+.block {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.post {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.img_container img {
+    width: 100%;
+    max-width: 600px;
+    border-radius: 15px;
+    outline: 3px solid #000;
+}
+
+.img_container embed {
+    width:100%;
+    max-width: 600px;
+    border-radius: 15px;
+    outline: 3px solid #000;
+}
+
+.img_container video {
+    width:100%;
+    max-width:600px;
+    border-radius: 15px;
+    outline: 3px solid #000;
+}
+
+.img_container {
+    width: 100%;
+    margin: 0 auto 15px;
+}
+
+.block p {
+    width: 100%;
+}
+
+.status h2 {
+    margin: 10px auto;
+}
+
+.status table {
+    table-layout: fixed;
+    width: 100%;
+}
+
+.status table button {
+    background-color: #fff; 
+    border-radius: 15px;
+    width: 90%;
+    padding: 5px 5px;
+    margin: 2px 2px;
+    outline: 1px solid #000;
+    font-size: 16px;
+}
+
+.status table button:hover {
+    background-color: #aaa !important;
+    outline: 1px solid #000;
+}
+
+.status table button:active {
+    background-color: #aaa;
+    outline: 1px solid #000;
+}
+
+.title-div::after {
+    content: "";
+    display: block;
+    clear: both;
+    margin-top: 15px;
+    border-bottom: 3px solid #000;
+}
+
+p {
+    margin: 10px;
+    font-size: 16px;
+}
+
+ul {
+    margin: 15px;
+    font-size: 16px;
+}
+
+.bullets li {
+    list-style-type: circle;
+    margin: 10px 10px 10px 15px;
+}
+
+iframe {
+    margin: 0 auto;
+    display:block;
+}
+
+@media only screen and (max-width: 1100px) {
+    nav {
+        width: 97%;
+    }
+    header {
+        width: 80%;
+    }
+    .superimage_left {
+        visibility: hidden;
+    }
+    .superimage_right {
+        visibility: hidden;
+    }
+    .block {
+        width: 100%;
+    }
+    .post {
+        margin: 0px;
+    }
+    .status {
+        visibility: hidden;
+    }
+    iframe {
+        width:360px;
+        height:200px;
+    }
+    nav ul li {
+        width: 25%;
+    }
+}
diff --git a/css/main.css b/css/main.css
index 10eb29c5d5294d46086a915a12de253330486483..326224428d367b3ff293545fc4e06be9cf2fd0fa 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -55,7 +55,7 @@ nav ul {
 
 nav ul li {
     float: left;
 
 nav ul li {
     float: left;
-    width: 20%;
+    width: 14.2%;
 }
 
 nav ul li a {
 }
 
 nav ul li a {
@@ -255,4 +255,7 @@ iframe {
         width:360px;
         height:200px;
     }
         width:360px;
         height:200px;
     }
-}
\ No newline at end of file
+    nav ul li {
+        width: 25%;
+    }
+}
diff --git a/flygblad.html b/flygblad.html
new file mode 100644 (file)
index 0000000..fb160e5
--- /dev/null
+++ b/flygblad.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Flygblad</title>
+    <link rel="stylesheet" href="/css/flygblad.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+    <div>
+        <header>
+            <h1>Rolig och cool rödhårig tjej sökes!</h1>
+        </header>
+        <div class="main">
+            <div class="img_container">
+                <img src="/assets/images/flygblad.jpg">
+            </div>
+            <div class="post block">
+                <p>
+                    Tjohoj! Här har du mig, en energisk och lite busig grabb på 45 halvår (snart medelålders ju!) som jagar likasinnad. Obs, jag är inte rödhårig förutom en viss nyans i skägget.
+                </p>
+                <p>
+                    <b>Om mig:</b>
+                    jag heter Nils och har som mål att bli den coola farbrorn som alla önskar att de hade. Att bygga feta prylar, valla skidor,
+                    meka på någon gammal cykel och spela hårdrock så högt att grannen kommer och bjuder på öl hör till min natur!
+
+                    Jag ogillar att sova åt fel håll i sängen, ibland föredrar jag istället att inte sova alls och låtsas vara produktiv (hjälp mig, snälla :|).
+                    Jag är trots min flyktbenägna hårlinje inte den den bästa på att bära huvudbonad. Kanske har jag bara inte hittat den rätta?
+                </p>
+                <ul>
+                    <li>Hellre en fredagkväll med livemusik, i tält eller på upptäcksfärd än i soffan framför TVn.</li>
+                    <li>Alla borde åka på en långresa någon gång i livet, ju mindre planering desto bättre.</li>
+                    <li>Det finns en värld utanför skärmen! (Typiskt att jag skriver detta på en hemsida...)</li>
+                </ul>
+
+                <p>
+                    <b>Om dig:</b> Mina krav är enkla och förhandlingsbara. Du behöver hålla med ovanstående poståenden, vara rolig, glad, rödhårig och tjej.
+                    Bonus om du är FETT SNYGG!
+                </p>
+                <p>
+                    Tror du dig uppfylla fler än hälften av kraven så slå mig en signal! Du hittar mitt nummer i telefonboken under "Nils Forssén" om du inte redan
+                    har det.
+                </p>
+
+                <p>
+                    Adjöken fröken!
+                </p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index eeb3df84e6ec1ce706e9af1cff5c4eb2cf7f46d3..6ce2fcd7f1130fb4acea03c4ee09e6e25dcc7fbb 100644 (file)
--- a/index.html
+++ b/index.html
@@ -4,16 +4,16 @@
     <meta charset="UTF-8">\r
     <meta name="viewport" content="width=device-width, initial-scale=1.0">\r
     <title>Magasinet</title>\r
     <meta charset="UTF-8">\r
     <meta name="viewport" content="width=device-width, initial-scale=1.0">\r
     <title>Magasinet</title>\r
-    <link rel="icon" href="assets/images/jättevitbanan.png">\r
-       <link rel="stylesheet" href="css/reset.css">\r
-    <link rel="stylesheet" href="css/main.css">\r
-    <link rel="stylesheet" href="css/start.css">\r
-       <script src="js/functions.js"></script>\r
+    <link rel="icon" href="/assets/images/jättevitbanan.png">\r
+       <link rel="stylesheet" href="/css/reset.css">\r
+    <link rel="stylesheet" href="/css/main.css">\r
+    <link rel="stylesheet" href="/css/start.css">\r
+       <script src="/js/functions.js"></script>\r
 </head>\r
 <body>\r
        <div class="title-div">\r
 </head>\r
 <body>\r
        <div class="title-div">\r
-        <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">\r
-        <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">\r
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">\r
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">\r
                <header>\r
                        <h1>Nils Forssén | Magasinet</h1>\r
                </header>\r
                <header>\r
                        <h1>Nils Forssén | Magasinet</h1>\r
                </header>\r
@@ -23,8 +23,10 @@
                                <li><a href="/index.html">Start</a></li>\r
                                <li><a href="/projects.html">Projekt</a></li>\r
                                <li><a href="/about.html">Om Mig</a></li>\r
                                <li><a href="/index.html">Start</a></li>\r
                                <li><a href="/projects.html">Projekt</a></li>\r
                                <li><a href="/about.html">Om Mig</a></li>\r
-                               <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>\r
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>\r
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>\r
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>\r
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>\r
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>\r
                        </ul>\r
                </nav>\r
        </div>\r
                        </ul>\r
                </nav>\r
        </div>\r
@@ -54,13 +56,42 @@
                 </tr>\r
             </table>\r
         </div>\r
                 </tr>\r
             </table>\r
         </div>\r
+        <div class="post_preview block cat_2025 cat_music cat_guitar" onclick="location.href='/posts/the_price.html';" style="cursor: pointer;">\r
+            <h2>THE PRICE - TWISTED SISTER COVER</h2>\r
+            <h3>24 juni 2025</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/stay_hungry.jpg">\r
+            </div>\r
+            <p>För skojs skull.</p>\r
+        </div>\r
+        <div class="post_preview block cat_2025" onclick="location.href='/posts/skruv_rant.html';" style="cursor: pointer;">\r
+            <h2>SKRUV-RANT!</h2>\r
+            <h3>7 april 2025</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/skruv.jpg">\r
+            </div>\r
+            <p>Någon som råkar ha en passande mejsel hemma?</p>\r
+        </div>\r
+        <div class="post_preview block cat_2025 cat_update cat_welcome" onclick="location.href='/posts/welcome_2.html';" style="cursor: pointer;">\r
+            <h2>VÄLKOMMEN IGEN!</h2>\r
+            <h3>22 mars 2025</h3>\r
+            <p>Shit, upptäckte precis att mitt gamla <a href="/posts/welcome.html">välkomstinlägg</a> är utdaterat. Här har ni en uppdatering!</p>\r
+        </div>\r
+        <div class="post_preview block cat_2025 cat_music" onclick="location.href='/posts/ny_gitarr.html';" style="cursor: pointer;">\r
+            <h2>NY GITARR!</h2>\r
+            <h3>21 mars 2025</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/ny_gitarr.jpg">\r
+            </div>\r
+            <p>Har just blivit stolt ägare av en Telecaster. Givetvis behöver prylen invigas!</p>\r
+        </div>\r
         <div class="post_preview block cat_2024 cat_update cat_music" onclick="location.href='/posts/uppdatering.html';" style="cursor: pointer;">\r
             <h2>UPPDATERING 2024</h2>\r
             <h3>31 oct 2024</h3>\r
             <div class="img_container">\r
                 <img src="/assets/images/distpedal-proto.jpg">\r
             </div>\r
         <div class="post_preview block cat_2024 cat_update cat_music" onclick="location.href='/posts/uppdatering.html';" style="cursor: pointer;">\r
             <h2>UPPDATERING 2024</h2>\r
             <h3>31 oct 2024</h3>\r
             <div class="img_container">\r
                 <img src="/assets/images/distpedal-proto.jpg">\r
             </div>\r
-            <p>Shitpost för internetpoäng.</p>\r
+            <p>Skräpinlägg för internetpoäng.</p>\r
         </div>\r
         <div class="post_preview block cat_2023 cat_music" onclick="location.href='/posts/star_rider.html';" style="cursor: pointer;">\r
             <h2>HÄLLAS - STAR RIDER</h2>\r
         </div>\r
         <div class="post_preview block cat_2023 cat_music" onclick="location.href='/posts/star_rider.html';" style="cursor: pointer;">\r
             <h2>HÄLLAS - STAR RIDER</h2>\r
diff --git a/posts/indonesien.html b/posts/indonesien.html
index 645df891713eb678a3014def57847df43b53f370..054505ae98664116a368ce278ffcb61909ba47e4 100644 (file)
--- a/posts/indonesien.html
+++ b/posts/indonesien.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
@@ -143,6 +146,15 @@
             säkert sätt i Indonesien så bör vi svenskar lära oss tuta och olära
             oss att använda blinkers.
             </p>
             säkert sätt i Indonesien så bör vi svenskar lära oss tuta och olära
             oss att använda blinkers.
             </p>
+
+            <p>
+            Jag lägger in en halvfet surfbild här också hihi!
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/surfbild.jpg">
+            </div>
+            
         </div>
     </div>
 
         </div>
     </div>
 
diff --git a/posts/ny_gitarr.html b/posts/ny_gitarr.html
new file mode 100644 (file)
index 0000000..9a6774e
--- /dev/null
+++ b/posts/ny_gitarr.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Magasinet</title>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+       <div class="title-div">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
+
+
+    <div class="main">
+        <div class="post block">
+            <h2>NY GITARR!</h2>
+            <h3>21 mars 2025</h3>
+
+            <div class="img_container">
+                <img src="/assets/images/ny_gitarr.jpg">
+            </div>
+
+            <p>
+            Till varje människas naturliga behov hör ju att lite titt som tätt bläddra blocket.
+            Oftast gör man det på dass, på bussen eller i soffan medans det dragna fläsket (pulled pork, jag undviker gärna svengenska :|)
+            puttrar färdigt i ugnen. Summa summarum, jag hadde lite draget kött i ugnen och snubblade över en gitarr till kanonpris på facebook marketplace.
+            1300 riksdaler för en begagnad Telecaster. Modellen är ju kanske inget att hurra för, en Pasadena TL-10 som kostar typ en tusenlapp ny. 
+            Det som gjorde just denna annonsen intressant var att gitarren var uppgraderad med nya Alnico-5 mickar, nytt stall, nya vred och omkopplare samt skärmad med koppartejp. 
+            Efter lite snack med säljaren så blev det också tydligt att han var ordentligt erfaren och lagt en hel del tid på att
+            slipa fram en pärla utan större egenintresse av affären. En hyfsad gitarr till billigt pris helt enkelt. Efter att ha spelat nu i några timmar så skulle jag tro att gitarren 
+            kostat minst det dubbla om jag köpt den i butik. 
+            </p>
+
+            <p>
+            Det tar emot lite säga att gitarren var ett rent impulsköp för jag har ändå jagat efter antingen en relativt billigTelecaster eller en Stratocaster
+            nu i något år nu. Min tidigare elgitarr, en Epiphone Les Paul Classic 60s, har jag nu ägt i runt 4 år och är allmänt supernöjd med, men någonstans
+            har jag alltid kännt att det vore riktigt fett att kunna efterlikna ljudet av 
+            Ritchie Blackmore, Dire Straits, typ all modern pop och Led Zeppelins första skivor också. Humabuckers är najs till mycket, men dem det är svårt att få fram ett härligt klang ur dem.
+            </p>
+
+            <p>
+            Min gamla gitarr, Epiphonen, behåller jag såklart. Gjorde aldrig något inlägg om den då den är äldre än hemsida men ni kan se den i 
+            <a href="/posts/star_rider.html"> detta inlägg</a>. Opethtröja igen är inte ett sammanträffande.
+            </p>
+
+            <p>
+            Nåväl, givetvis ska prylen också invigas. På sistonde har jag lyssnat en hel del på Tom Petty and the Heartbreakers, så vad passar 
+            bättre än att spela in en cover på en av Telecasterns signaturartister? Refugee kändes spontant som en ganska enkel låt och efter
+            någon timmes övande så har ni resultatet nedan.
+            </p>
+
+            <p>
+            På grund av tidsbristen för att få fram en video till detta inlägg samma dag så valde jag att spela in till en 
+            <a href="https://www.youtube.com/watch?v=89EuDUyuoeA"> bakgrundsvideo</a>. Jag skippade också solot och gjorde någon hybrid mellan
+            rytm och lead som jag kände passade. Jäkla kul och gitarren låter som sagt fantastiskt bra. 
+            </p>
+
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/refugee.mp4" type="video/mp4">
+                </video>
+            </div>
+
+            <p>
+            Ursäkta skägget, kan hända att det är något kul på gång i studentvärlden. 
+            </p>
+
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/skruv_rant.html b/posts/skruv_rant.html
new file mode 100644 (file)
index 0000000..075b254
--- /dev/null
+++ b/posts/skruv_rant.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Magasinet</title>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+       <div class="title-div">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
+
+
+    <div class="main">
+        <div class="post block">
+            <h2>SKRUV-RANT!</h2>
+            <h3>7 april 2025</h3>
+
+            <div class="img_container">
+                <img src="/assets/images/skruv.jpg">
+            </div>
+            
+            <p>
+            Det här är det det värsta jag vet. Till viss del kan jag ändå respektera beslutet att försluta produkter som mobiltelefoner eller andra höginnovativa, kompakta prylar
+            med otraditionella metoder för att avskräcka hobbyfixare och kinesföretag från att försöka sig på reparationer eller kopiering av intellektuell egendom. Men när Clas Ohlson
+            säljer en batteriladdare för C-batterier (eh, visste inte ens att sådana klumpar fanns) som redan är kineskopierad i minsta detalj och dessutom så pass billig att ingen återkommande
+            konsument skulle ge sig på en reparation så behöver man väl för i helvete inte stänga igen skitlådan med skruvar avsedda just för att produkten ska sluta på soptippen. Det är ju
+            för fan inte ens ett bra försök, det gick ju fortfarande att skruva upp den med en helt vanlig plattmejsel förutom att det tog en kvart extra. Hade dem faktiskt velat försvara sin 
+            kinesiumteknologi så hade de ju åtminstonde kunnat gjuta för skruvhålen eller nånting. 
+            </p>
+
+            <p>
+            <i>
+            Kort förklaring för er som inte fattar grejen, skruvarna illustrerade på bilden är ett exempel på en så kallad "säkerhets-skruv" som är avsedd att förhindra att konsumenter öppnar
+            upp produkten. Den passar helt enkelt igna av standardmejslarna.
+            </i>
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/skruvlåda.jpg">
+            </div>
+
+            <p>
+            Och inte tala om att varan är skit, anledningen till varför jag spenderade en halvtimme på att skruva isär skiten visade sig vara för att en sladd lossnat från det sämst lödda kretskortet jag någonsin sett ur fabrik.
+            Fler av de hålmonterade sladdarna hade inte ens tenn nog för att täcka hela hålet de satt i, förfärligt. Utan att verka för nedlåtande så finns det helt enkelt en speciellt plats i helvetet för företag som dessa.
+            </p>
+        
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/star_rider.html b/posts/star_rider.html
index a8e1a454de32bceaa1bde4c4fd782d8c453d5b2d..5663c1713fd060e1b4ea634cabc53227c8f5dc12 100644 (file)
--- a/posts/star_rider.html
+++ b/posts/star_rider.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
@@ -46,7 +49,12 @@
             så är inte mitt syfte att skapa en felfri inspelning utan istället att spara och dokumentera mina färdigheter. Det är även därför jag väljer
             att behålla orginallåten i bakgrunden och inte producera ett cover från grunden. hursomhelst, varsågod!
             </p>
             så är inte mitt syfte att skapa en felfri inspelning utan istället att spara och dokumentera mina färdigheter. Det är även därför jag väljer
             att behålla orginallåten i bakgrunden och inte producera ett cover från grunden. hursomhelst, varsågod!
             </p>
-            <iframe width="720" height="400" src="https://www.youtube.com/embed/TBtRrQKv-uU?si=uHfwfwhcMdxjBzfD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/star_rider.mp4" type="video/mp4">
+                </video>
+            </div>
         </div>
     </div>
 
         </div>
     </div>
 
diff --git a/posts/the_price.html b/posts/the_price.html
new file mode 100644 (file)
index 0000000..8a94247
--- /dev/null
+++ b/posts/the_price.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Magasinet</title>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+       <div class="title-div">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
+
+
+    <div class="main">
+        <div class="post block">
+            <h2>THE PRICE - TWISTED SISTER COVER</h2>
+            <h3>24 juni 2025</h3>
+            <p>
+            För skojs skull. Jäklar vad mycket skägg (och lite hår :|) jag börjar få.
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/the_price.mkv" type="video/mp4">
+                </video>
+            </div>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/uppdatering.html b/posts/uppdatering.html
index 23603fe10ce5a6899aa8fd3b37bc320b72468ca5..8b288ac45e680a290a04d965d0e1dac83f005a95 100644 (file)
--- a/posts/uppdatering.html
+++ b/posts/uppdatering.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
diff --git a/posts/welcome.html b/posts/welcome.html
index 6a8305a50d85a6e760b9963340541a43ab24c420..bd7925a8a17c2f4c992bac92e844220580c58f82 100644 (file)
--- a/posts/welcome.html
+++ b/posts/welcome.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
diff --git a/posts/welcome_2.html b/posts/welcome_2.html
new file mode 100644 (file)
index 0000000..120c4bb
--- /dev/null
+++ b/posts/welcome_2.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Magasinet</title>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+       <div class="title-div">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
+
+
+    <div class="main">
+        <div class="post block">
+            <h2>VÄLKOMMEN IGEN!</h2>
+            <h3>22 mars 2025</h3>
+            <p>
+            Ja alltså, jag är ska inte bli en <i>influencer</i>, jag klarar ju inte av att hålla er uppdaterade av min servers liv för fem öre.
+            Det är alltså så att jag har flyttat (för ett typ ett år sedan faktiskt, vi behöver inte tala om det) och därmed har min server också flyttat.
+            Det gamla <a href="/posts/welcome.html">välkomstinlägget</a> är alltså inte längre aktuellt. Jag ska bättra mig.
+            </p>
+
+            <p>
+            <i>Har ni inte läst det tidigare välkomstinlägget rekomenderar jag att ni gör dett. Jag gör mitt bästa för att göra läsupplevelsen så rolig som möjligt hehe.</i>
+            </p>
+
+            <p>
+            Mitt första steg i att gottgöra mitt rykte som influencer är att rätta mina tidigare misstag. Jag ska därför uppdatera er hur min server mår.
+            Nedan följer en bild på min server idag. Som illustrerat på bilden så är min server oförändrad. Hotbilden och säkerhetsberedskapen likaså.
+            Julen är bortstädad trots allt. 
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/beredskap_2.jpg">
+            </div>
+
+            <p> 
+            I äkta Influencer-anda så ska jag också ge er en liten room-tour, whohoo! I betalt sammarbete med <a href="https://www.ikea.com/se/sv/">IKEA</a>.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/rum.jpg">
+            </div>
+
+            <div class="img_container">
+                <img src="../assets/images/tjackhörnet.jpg">
+            </div>
+
+            <p>
+            Ovan ser ni mitt rum (tror ni jag har råd med mer eller? Vem fan tror ni att jag är?) och en liten hörna jag byggt upp (obs kolla inte vad bildkällan heter). 
+            Efter att jag kommit över ett gammalt oscilloskop, nätagg och funktionsgenerator så har jag faktiskt möjlighet att bygga lite skit hemma och behöver inte alltid gå till <a href="https://admittansen.se/">Admittansenlabbet</a>.
+            Jäklar, jag sparar ju flera hundra steg per dag! Det var egentligen allt jag ville ha sagt med min room-tour. Kul med bilder att kolla tillbaks på också antar jag.
+            </p>
+
+            <p>
+            Nej men seriöst, det som förändrats med min server är egentligen bara mjukvara. Hemsidan är uppdaterad (no shit Sherlock?) men framförallt så använder jag
+            den externa hårddisken i lite större utssträckning. Dels så kör jag diverse backup-script på alla mina datorer så skulle säkerhetsberedskapen falle på något annat än hotbilden
+            så har jag förhoppningsvis saker sparat på andra ställen också. Men kanske mest nämnvärt så kör jag nu också en egen plex-server. Filmer är kul, ibland, och TV-serier är också kul, ibland, så därför
+            är det väl självklart att jag ska ha snabb och enkel tillgång till dem vart jag än befinner mig. Alltså, jag har en plex-server med massa piratkopierade (för komisk effekt?) filmer och serier som jag
+            kommer nyttja en gång om året när jag sitter på tåget hem till Östersund. Ja, jag är ett geni!
+            </p>
+            
+            <p>
+            P.s jag använder också servern till lite nyttigheter. En gitserver, HA-server (se länkar i sidrubriken) och en ESP32-MQTT-kopplad LED-list.
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/projects.html b/projects.html
index 8d519cf34f78f5e7ddb5192bfc26121a5c4ea68e..239bdfa811267d20245b059229232f03ac3f308f 100644 (file)
--- a/projects.html
+++ b/projects.html
@@ -4,16 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="css/reset.css">
-    <link rel="stylesheet" href="css/main.css">
-    <link rel="stylesheet" href="css/projects.css">
-       <script src="js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
-        <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">
-        <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
                <header>
                        <h1>Nils Forssén | Magasinet</h1>
                </header>
                <header>
                        <h1>Nils Forssén | Magasinet</h1>
                </header>
@@ -23,8 +23,10 @@
                                <li><a href="/index.html">Start</a></li>
                                <li><a href="/projects.html">Projekt</a></li>
                                <li><a href="/about.html">Om Mig</a></li>
                                <li><a href="/index.html">Start</a></li>
                                <li><a href="/projects.html">Projekt</a></li>
                                <li><a href="/about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
@@ -32,7 +34,7 @@
     <div class="main">
         <div class="description block">
             <p> 
     <div class="main">
         <div class="description block">
             <p> 
-            Nedan följer en liten samling av personiga projekt som jag tycker
+            Nedan följer en liten samling av personliga projekt som jag tycker
             förtjänar sin egna sida. Där står en del om utvecklingsprocessen
             och övergriplig dokumentation som jag tycker är värt att spara.
             </p>
             förtjänar sin egna sida. Där står en del om utvecklingsprocessen
             och övergriplig dokumentation som jag tycker är värt att spara.
             </p>
@@ -53,6 +55,15 @@
 
             </table>
         </div>
 
             </table>
         </div>
+
+        <div class="post_preview block cat_2025 cat_kurser" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
+            <h2>VLSI-KONSTRUKTION (CDIO-PROJEKTET)</h2>
+            <h3>24 juni 2025</h3>
+            <div class="img_container">
+                <img src="/assets/images/pedaler_framsida.jpg">
+            </div>
+            <p><a href="https://studieinfo.liu.se/kurs/TSEK06/">Kurs i VLSI-konstruktion</a>, design av en 8-bitars SAR-ADC. CDIO-Projektet på Linköpings universitet för masterprogram/civilingenjör inom elektronik och system-on-chip.</p>
+        </div>
         
         <div class="post_preview block cat_2025 cat_ljud cat_guitar" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
             <h2>GITARRPEDALER</h2>
         
         <div class="post_preview block cat_2025 cat_ljud cat_guitar" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
             <h2>GITARRPEDALER</h2>
diff --git a/projects/CDIO.html b/projects/CDIO.html
new file mode 100644 (file)
index 0000000..79e02b7
--- /dev/null
+++ b/projects/CDIO.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Magasinet</title>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
+</head>
+<body>
+       <div class="title-div">
+        <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+        <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
+
+
+    <div class="main">
+        <div class="post block">
+            <h2>VLSI-KONSTRUKTION (CDIO-PROJEKTET)</h2>
+            <h3>24 juni 2025</h3>
+                // TODO
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/gitarrpedaler.html b/projects/gitarrpedaler.html
index f1a1852354f89c911f78c97ab2b333636d20bb3c..2b84c3f7615525c6f53b654dec4e7607c2897344 100644 (file)
--- a/projects/gitarrpedaler.html
+++ b/projects/gitarrpedaler.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
@@ -76,6 +79,12 @@
             <a href="https://gitweb.forssennils.se/?p=rojsagen.git;a=summary">Röjsågen</a> och <a href="https://gitweb.forssennils.se/?p=ludden.git;a=summary">Ludden</a>.
             </p>
 
             <a href="https://gitweb.forssennils.se/?p=rojsagen.git;a=summary">Röjsågen</a> och <a href="https://gitweb.forssennils.se/?p=ludden.git;a=summary">Ludden</a>.
             </p>
 
+            <p>
+            Strömförsöjning till dessa pedaler löste jag genom ytterliggare en liten enhed, Rinhals 5. 
+            Namnet gör prylen lite roligare än vad den egentligen är, 5 parallelkopplade 9V-DC linjära spänningsregulatorer drivna
+            från en gammal laptop-laddare. <a href="https://gitweb.forssennils.se/?p=ringhals_5.git;a=summary" >Ringhals 5</a> finns också på git-servern.
+            </p>
+
             <p>
             Som vanligt så valde jag att etsa kretskort i Admittansen labb för den äkta hemmabyggekänslan. Det är kort sagt lite roligare än att beställa från Kina,
             hoppas att de lämnar fabriken inom en månad, att inte tullen lägger beslag på dem och sen be till Jesus att man ännu har motivationen att färdigställa projektet
             <p>
             Som vanligt så valde jag att etsa kretskort i Admittansen labb för den äkta hemmabyggekänslan. Det är kort sagt lite roligare än att beställa från Kina,
             hoppas att de lämnar fabriken inom en månad, att inte tullen lägger beslag på dem och sen be till Jesus att man ännu har motivationen att färdigställa projektet
diff --git a/projects/kandidatprojekt.html b/projects/kandidatprojekt.html
index 9312bd9e908f129308ef0a902c9ef7c5f3f1169b..0cacbef9dcd0f1eed4efc39ad70431cae4cffe18 100644 (file)
--- a/projects/kandidatprojekt.html
+++ b/projects/kandidatprojekt.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
diff --git a/projects/phono_preamp.html b/projects/phono_preamp.html
index be236272bd67cd645de627a942581304fe93e201..159e7c8e03512ab2398df35f6655b8ca5faf0295 100644 (file)
--- a/projects/phono_preamp.html
+++ b/projects/phono_preamp.html
@@ -1,36 +1,35 @@
 <!DOCTYPE html>
 <html lang="en">
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-    <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-    <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 </head>
-
 <body>
 <body>
-    <div class="title-div">
+       <div class="title-div">
         <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
         <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
         <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
         <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
-        <header>
-            <h1>Nils Forssén | Magasinet</h1>
-        </header>
-
-        <nav>
-            <ul>
-                <li><a href="../index.html">Start</a></li>
-                <li><a href="../projects.html">Projekt</a></li>
-                <li><a href="../about.html">Om Mig</a></li>
-                <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15">
-                        Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img
-                            src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
-            </ul>
-        </nav>
-    </div>
+               <header>
+                       <h1>Nils Forssén | Magasinet</h1>
+               </header>
+
+               <nav>
+                       <ul>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                       </ul>
+               </nav>
+       </div>
 
 
     <div class="main">
 
 
     <div class="main">
diff --git a/projects/speaker.html b/projects/speaker.html
index 16210c1bba15b1dad587fc658cfa8c51c7ebd294..ee04d1e65932afb5dd7d48e32fdadd08c13decb5 100644 (file)
--- a/projects/speaker.html
+++ b/projects/speaker.html
@@ -4,10 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magasinet</title>
-    <link rel="icon" href="../assets/images/jättevitbanan.png">
-       <link rel="stylesheet" href="../css/reset.css">
-    <link rel="stylesheet" href="../css/main.css">
-       <script src="../js/functions.js"></script>
+    <link rel="icon" href="/assets/images/jättevitbanan.png">
+       <link rel="stylesheet" href="/css/reset.css">
+    <link rel="stylesheet" href="/css/main.css">
+    <link rel="stylesheet" href="/css/start.css">
+       <script src="/js/functions.js"></script>
 </head>
 <body>
        <div class="title-div">
 </head>
 <body>
        <div class="title-div">
@@ -19,11 +20,13 @@
 
                <nav>
                        <ul>
 
                <nav>
                        <ul>
-                               <li><a href="../index.html">Start</a></li>
-                               <li><a href="../projects.html">Projekt</a></li>
-                               <li><a href="../about.html">Om Mig</a></li>
-                               <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
-                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+                               <li><a href="/index.html">Start</a></li>
+                               <li><a href="/projects.html">Projekt</a></li>
+                               <li><a href="/about.html">Om Mig</a></li>
+                <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+                <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+                               <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+                <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
                        </ul>
                </nav>
        </div>
                        </ul>
                </nav>
        </div>
Hemsida forssennils.se