projects / forssennils.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 825bb27)
Initial commit main
authorNils Forssen <forssennils@gmail.com>
Sun, 2 Feb 2025 13:57:27 +0000 (14:57 +0100)
committerNils Forssen <forssennils@gmail.com>
Sun, 2 Feb 2025 13:57:27 +0000 (14:57 +0100)
16 files changed:
about.html [new file with mode: 0644] patch | blob
css/main.css [new file with mode: 0644] patch | blob
css/projects.css [new file with mode: 0644] patch | blob
css/reset.css [new file with mode: 0644] patch | blob
css/start.css [new file with mode: 0644] patch | blob
index.html [new file with mode: 0644] patch | blob
js/functions.js [new file with mode: 0644] patch | blob
posts/indonesien.html [new file with mode: 0644] patch | blob
posts/star_rider.html [new file with mode: 0644] patch | blob
posts/uppdatering.html [new file with mode: 0644] patch | blob
posts/welcome.html [new file with mode: 0644] patch | blob
projects.html [new file with mode: 0644] patch | blob
projects/gitarrpedaler.html [new file with mode: 0644] patch | blob
projects/kandidatprojekt.html [new file with mode: 0644] patch | blob
projects/phono_preamp.html [new file with mode: 0644] patch | blob
projects/speaker.html [new file with mode: 0644] patch | blob

diff --git a/about.html b/about.html
new file mode 100644 (file)
index 0000000..6fb6658
--- /dev/null
+++ b/about.html
@@ -0,0 +1,92 @@
+<!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">
+       <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://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">
+            <p>
+                Men vem är då jag?
+            </p>
+
+            <p>
+                Joni, för er som inte vet vem jag är, vilket jag misstänker är ganska få av er som hittat hit,
+                så följer en kort biografi om just mig. Det är alltså hög tid att knäppa burkläsken,
+                riva upp chipspåsen, spetsa öronen om ni använder "text to speech" och luta sig tillbaka.
+            </p>
+            <div class="img_container">
+                <img src="../assets/images/hoppsanhärärjag2.jpg">
+            </div>
+            <p>
+                Här har ni mig. Till vardags läser jag till civilingenjör i teknisk fysik och elektroteknik på Linköpings Universitet
+                och på fritiden sysslar jag med lite allt möjligt. Men mest fokus lägger jag på att pilla med diverse elektronik,
+                allt ifrån att bygga högtalare till att försöka 3D skriva ett radiostyrt flygplan och sätta ihop dess
+                kontrollsystem. Jag strävar lite efter att göra mina projekt till så mycket av ett "hemmabygge" som möjligt,
+                till en rimlig gräns såklart. Om målet är att bygga en målsökande ballistisk missil så orkar jag kanske inte
+                sitta och pussla ihop NAND-grindar på ett kretskort.
+            </p>
+
+            <p>
+                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. 
+            </p>    
+
+            <p>
+                Sen engagerar jag mig även i studentlivet en del. Jag är just sitter jag som kassör i Y-sektionens aktivitetsutskott och har tidigare bland annat
+                engagerat mig i sektionens styrelse som Chefsbyråkrat (sekreterare hehe) och inom studiebevakningen.
+            </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>.
+                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
+                och ingen har någon aning hur eller om den fungerar. Ett perfekt ställe att ha ett stenkast från sin studentlägenhet.
+            </p>
+
+            <p>
+                Vill ni kontakta mig föreslår jag att ni gör det via <a href="mailto:forssennils@gmail.com">mail</a>. Ni hittar mig även på
+                <a href="https://github.com/NilsForssen">GitHub</a> (inte använt på länge av diverse anledningar, enklare med egen git-server...).
+                git-infrastruktur hehe) och <a href="https://www.linkedin.com/in/nils-forss%C3%A9n-446b6718a/">Linkedin</a>.
+                Klart lättast är naturligtvis att hugga tag i mig personligen om ni har möjligheten.  
+            </p>
+
+            <p>
+                Med vänliga hälsningar, Nils Forssén.
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
new file mode 100644 (file)
index 0000000..10eb29c
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,258 @@
+
+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;
+    text-align: center;
+    width: 50%;
+    margin: 0px auto 0px;
+    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: 20%;
+}
+
+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 {
+    margin: 0px 5%;
+    padding: 10px;
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.block {
+    background-color: #ddd;
+    border-radius: 15px;
+    outline: 3px solid #000;
+    margin: 10px 10px 10px 10px;
+    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;
+}
+
+.post_preview:hover {
+    background-color: #aaa;
+}
+
+.status {
+    position: absolute;
+    top: 10;
+    right: 0;
+    justify-content: center;
+    width: 350px; /* Experimental value */ 
+}
+
+.block h2 {
+    background-color: #444;
+    border-radius: 15px;
+    width:fit-content;
+    font-weight: bold;
+    margin: 10px 10px 10px 10px;
+    padding: 5px 20px 5px 20px;
+    outline: 3px solid #000;
+    color: #fff;
+}
+
+.block h3 {
+    padding: 5px 5px 5px 5px;
+    margin: 10px 10px 10px 0px;
+    width: fit-content;
+    font-size: 12px;
+    font-style: italic;
+}
+
+.block h4 {
+    margin: 15px;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.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: 10px 10px 10px 10px;
+}
+
+.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;
+    }
+}
\ No newline at end of file
diff --git a/css/projects.css b/css/projects.css
new file mode 100644 (file)
index 0000000..e69de29
diff --git a/css/reset.css b/css/reset.css
new file mode 100644 (file)
index 0000000..0ba7f48
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,42 @@
+/* CSS reset */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
+    margin:0;
+    padding:0;
+}
+html,body {
+    margin:0;
+    padding:0;
+}
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+fieldset,img { 
+    border:0;
+}
+input{
+    border:1px solid #b0b0b0;
+    padding:3px 5px 4px;
+    color:#979797;
+    width:190px;
+}
+address,caption,cite,code,dfn,th,var {
+    font-style:normal;
+    font-weight:normal;
+}
+ol,ul {
+    list-style:none;
+}
+caption,th {
+    text-align:left;
+}
+h1,h2,h3,h4,h5,h6 {
+    font-size:100%;
+    font-weight:normal;
+}
+q:before,q:after {
+    content:'';
+}
+abbr,acronym { border:0;
+}
+/* ------------------------- */
\ No newline at end of file
diff --git a/css/start.css b/css/start.css
new file mode 100644 (file)
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..eeb3df8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>\r
+<html lang="en">\r
+<head>\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
+</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
+               <header>\r
+                       <h1>Nils Forssén | Magasinet</h1>\r
+               </header>\r
+\r
+               <nav>\r
+                       <ul>\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
+                       </ul>\r
+               </nav>\r
+       </div>\r
+    \r
+    <div class="main">\r
+        <div class="description block">\r
+            <p> \r
+            Välkommen till min hemsida! Här på startsidan finns en rad\r
+            bloggliknande inlägg men i navigationsfälet kan ni också\r
+            hitta till en liten samling personliga projekt, lite kort\r
+            om mig och till min gitserver. Hoppas ni hittar det ni\r
+            söker! \r
+            </p>\r
+        </div>\r
+        <div class="status block">\r
+            <h2>FILTRERA INLÄGG</h3>\r
+            <table> \r
+                <tr>\r
+                    <td><button type="button" id="cat_2023" onclick="filter_posts('cat_2023')">2023</button></td>\r
+                    <td><button type="button" id="cat_2024" onclick="filter_posts('cat_2024')">2024</button></td>\r
+                    <td><button type="button" id="cat_2025" onclick="filter_posts('cat_2025')">2025</button></td>\r
+                </tr>\r
+                <tr>\r
+                    <td><button type="button" id="cat_welcome" onclick="filter_posts('cat_welcome')">Välkommen</button></td>\r
+                    <td><button type="button" id="cat_travel" onclick="filter_posts('cat_travel')">Resa</button></td>\r
+                    <td><button type="button" id="cat_music" onclick="filter_posts('cat_music')">Musik</button></td>\r
+                </tr>\r
+            </table>\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
+        </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
+            <h3>16 dec 2023</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/hällas_cropped.jpg">\r
+            </div>\r
+            <p>Gitarr-inspelning av en fantastisk låt av ett fantastiskt band!</p>\r
+        </div>\r
+        <div class="post_preview block cat_2023 cat_travel" onclick="location.href='/posts/indonesien.html';" style="cursor: pointer;">\r
+            <h2>INDONESIEN!</h2>\r
+            <h3>20 augusti 2023</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/indo_surf.jpg">\r
+            </div>\r
+            <p>Lite kul från min lilla resa till Indonesien sommaren 2023.</p>\r
+        </div>\r
+        <div class="post_preview block cat_2023 cat_welcome" onclick="location.href='/posts/welcome.html';" style="cursor: pointer;">\r
+            <h2>VÄLKOMMEN!</h2>\r
+            <h3>4 mars 2023</h3>\r
+            <div class="img_container">\r
+                <img src="/assets/images/server.jpg">\r
+            </div>\r
+            <p>Välkommen till min vackra hemsida!</p>\r
+        </div>\r
+    </div>\r
+</body>\r
+</html>
\ No newline at end of file
diff --git a/js/functions.js b/js/functions.js
new file mode 100644 (file)
index 0000000..0e75e2b
--- /dev/null
+++ b/js/functions.js
@@ -0,0 +1,47 @@
+window.onload = init();
+
+function init() {
+    console.log("init");
+}
+
+var filter_btn_toggle = {}
+
+function filter_posts(category) {
+    // Button and dictionary
+    let button = document.getElementById(category);
+
+    if (!filter_btn_toggle[category])
+    {
+        var button_color = "#aaa";
+    }
+    else
+    {
+        var button_color = "#fff";
+    }
+    button.style.backgroundColor = button_color;
+    filter_btn_toggle[category] = !filter_btn_toggle[category];
+
+
+    let all_posts = document.querySelectorAll(".post_preview");
+
+    // Empty nodelist
+    let cat_posts = [];
+    
+    // Iterate through dictionary
+    for ([key, value] of Object.entries(filter_btn_toggle)) {
+        if (value) {
+            cat_posts.push(document.querySelectorAll("." + key));
+        }
+    }
+
+    if (cat_posts.length == 0) {
+        all_posts.forEach(post => post.style.display = "flex");
+    }
+    else {
+        all_posts.forEach(post => post.style.display = "none");
+
+        for (let i = 0; i < cat_posts.length; i++) {
+            cat_posts[i].forEach(post => post.style.display = "flex");
+        }
+    }
+}
\ No newline at end of file
diff --git a/posts/indonesien.html b/posts/indonesien.html
new file mode 100644 (file)
index 0000000..645df89
--- /dev/null
+++ b/posts/indonesien.html
@@ -0,0 +1,153 @@
+<!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">
+       <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://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>INDONESIEN!</h2>
+            <h3>20 augusti 2023</h3>
+            
+            <p>
+            Efter ännu en termin av stundvis krävande ingenjörsstudier
+            generöst varvat av deltidsjobb och andra vilt spridda sysselsättningar
+            så tyckte jag lite sådär småspontant det var dags att fara utomlands.
+            </p>
+
+            <p>
+            Att välja resmål var nästa tröskel, men likt det som ofta sker
+            i den bekanta scenen där någon klär sig i ögonbindel och
+            slumpvis pekar på en karta så bestämde jag mig för att åka till
+            ganska precis andra sidan jorden. Jag vill dock poängtera det
+            faktum att olikt scenen ur serietidningarna så var varken
+            ögonbindel eller slumpen inblandad i just min process.
+            </p>
+
+            <p>
+            Hursomhelst, flyget mot Indonesien gick då om knappt en månad
+            så det blev bara till att börja packa. Självklart gjordes även ett
+            par stammisbesök till vaccinationsmottagningen där de så gladeligen
+            besprutade mig med något annat än min vanliga beställning av
+            covidvaccin.
+            </p>
+
+            <p>
+            En månadslång backpackingresa späckad av surf, vandring och
+            upplevelser var målet, och trots att jag flög tillsammans med
+            några nyligen bekanta svenskar så reste jag i stort sett ensam.
+            Såklart var det sällan man faktiskt var ensam utan man träffade
+            alltid någon kul figur på något vandrarhem som man hakade ihop med
+            i några dagar. Här nedan har ni exempelvis Mig, Filip och Timo
+            som alla träffades först på en 4 dagars lång båtresa mot bättre
+            tider och komodovaraner.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/indo_group.jpg">
+            </div>
+
+            <p>
+            Men nu när inledningen är slut så har jag bestämt mig att inte
+            sitta och skriva ett långt och tradigt blogginlägg utan jag
+            väljer istället att fokusera på det viktigaste jag tagit med
+            mig från resan. Vill ni veta mer om resan som
+            helhet rekomenderar jag att ni tar er ur garderoben er och
+            frågar mig i person så berättar jag mer än gärna.
+            </p>
+
+            <p>
+            <strong>
+            Hursomhaver, det som <em>absolut</em> har väckt mitt
+            intresse mest under resan är indonesiernas inställning till
+            tutan i trafiken.
+            </strong>
+            Ni vet, knappen som sitter mitt på ratten i bilen
+            (eller kanske lämpligare; Vid vänster tumme för er mopedchaufförer)
+            som de flesta svenskar glömt bort existerar.
+            </p>
+
+            <p>
+            Det är alltså så att i Indonesien så tycks näst helt andra
+            trafikregler gälla. För det första så kör de på fel sida vägen,
+            ett problem som jag ändå kan kan visa ett visst överseende
+            för. Men för det andra så tycks just vänstertrafiken vara den
+            enda betydande trafikregeln där. Trafiksederna som utformats
+            efter avsaknaden av regler är även högst otydliga, men något
+            man inser ganska direkt är att just tutan spelar en viktig roll
+            på guerillagatorna.
+            </p>
+
+            <p>
+            Efter många timmar bakom styret, bakom en person bakom styret,
+            inklämd i en svettig buss eller sittandes på ett flak runtom
+            Indonesien så har jag haft gott om tid att analysera just detta
+            tutabeteende som fascinerat mig. Ganska snabbt blir det uppenbart
+            att en viktig trafiksed som generellt respekteras är följande:
+            </p>
+
+            <ul class="bullets">
+                <li><strong>Störst går först om störst kan gå</strong>, resten väjer (detta innefattar alla fordon, såväl lastbilar som bilar, mopeder med breda lass av gräs, häst och vagn samt våghalsiga cyklister).</li>
+                <li>Om störst inte kan gå så <strong>går den som tutar högst</strong>, resten väjer.</li>
+                <li><strong>Sist går turisten</strong> som varken tutar eller tar plats.</li>
+            </ul>
+                
+            <div class="img_container">
+                <img src="../assets/images/indo_car.jpg">
+            </div>
+
+            <p>
+            Seden ovan är en vital komponent till varför inte <em>alla</em>
+            bilar saknar backspeglar och varför inte <em>alla</em>
+            mopeder har en bucka på främre stänkskärm. Man skulle kunna
+            tycka att en enkel tillämpning av högerregeln (vänsterregeln?)
+            skulle bättre lösa trafikensituationen, men då har man glömt
+            bort en annan vital detalj: ingen vet eller bryr sig om vilken
+            riktning folk färdas. Denna detalj grundar sig i att ingen kan
+            använda blinkers på ett vettigt sätt. Antingen har man glömt
+            blinkers på, dvs att man blinkar hejdlöst när man ligger i 90
+            på motorvägen (inga EU-mopeder där inte!) eller så har man likt 
+            tutan i sverige glömt att blinkers existerar där. Denna detalj,
+            förutom förhållandet mellan mängden fordon och gatans bredd skulle
+            jag säga är det största hindret för västländska trafikanter i
+            Indonesien.
+            </p>
+
+            <p>
+            Sammanfattningsvis, för att kunna framföra ett fordon på ett
+            säkert sätt i Indonesien så bör vi svenskar lära oss tuta och olära
+            oss att använda blinkers.
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/star_rider.html b/posts/star_rider.html
new file mode 100644 (file)
index 0000000..a8e1a45
--- /dev/null
+++ b/posts/star_rider.html
@@ -0,0 +1,57 @@
+<!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">
+       <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://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>HÄLLAS - STAR RIDER</h2>
+            <h3>16 dec 2023</h3>
+            <p>
+            <b>Hällas</b> är ett band som jag ganska nyligen blivit helt besatt i. Efter gediget lyssnande fick jag även chansen att se dem live i Linköping,
+            en helt förtrollande upplevelse. <b>Star Rider</b> var låten som först fångade mig, och som jag därför också valt att lära mig att spela på gitarr.
+            Jag lägger upp inspelningen här främst i dokumentationssyfte men inser också att om jag ser inspelningen ofta så kommer jag att bli påminnd
+            och motiverad till att spela mer och utveckla mina gitarrfärdigheter. Sen skadar det såklart inte om någon annan intresserad hittar hit och
+            upptäcker Hällas underbara musik. Många flugor i en smäll.
+            </p>
+
+            <p>
+            Inspelningen är absolut inte av dunderkvalité och jag gör också en hel del missar i spelandet, framförallt under gitarr-solot. Men som nämnt
+            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>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/uppdatering.html b/posts/uppdatering.html
new file mode 100644 (file)
index 0000000..23603fe
--- /dev/null
+++ b/posts/uppdatering.html
@@ -0,0 +1,93 @@
+<!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">
+       <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://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>UPPDATERING 2024</h2>
+            <h3>31 oct 2024</h3>
+            <p>
+            Häromdagen krashade min laptop mitt under en lektion (digitala IC-kretsar, jäkla kul kurs förresten!)... Orsaken: ett autobackup-skript som vägrade acceptera att hårddisken
+            kopplad till min server server inte längre existerade (oklart varför, kanske råkade jag hälla vatten över den när jag vattnade mina blommor häromveckan :|).
+            Hursomhelst, trist situation, men datorn överlevde! Min Manchester-carry-chain krets blev dessvärre ej färdig dock... Men, hela händelsen fick mig att komma ihåg att det ändå var ett
+            tag sedan jag lade upp någonting på min hemsida (denna, naturligtvis). Detta måste naturligtvis åtgjärdas.
+        
+            Nåväl, vad ska jag skriva?
+            </p>
+            
+            <p>
+            Ovan var givetvis en retorisk fråga, självklart vet jag vad jag ska skriva om innan jag startar ett nytt inlägg. Anledningen varför jag skriver överhuvudtaget? 
+            3 öl inne kvällen (natten) efter en ärligt talat lite småkass tentaperiod och jag har långtråkigt. Tentamen i digitala IC-kretsar-kursen gick dock suveränt på
+            tal om saken!
+            </p>
+
+            <p>
+            Nej men jag tänker väl att jag kan berätta lite vad som försigår projektmässigt i min vardagsrumverkstad. Två huvudprojekt är i full rullning här hemma; 
+            en digital tavla baserad på en ESP32(8266) och E-ink, samt ett projekt runt ett återupplivat intresse för gitarrpedaler.
+            </p>
+
+            <p>
+            Nu kommer ju antagligen bägge dessa projekt att få sin egen sida på projekt-fliken såsmåningom så jag föreslår att ni klickar er in där och ser om det finns något att 
+            läsa om ni är intresserade, men kort sagt:
+
+            <ul class="bullets">
+                <li>
+                    Jag designar en batteridriven tavla som med hjälp av trådlös uppkoppling ska kunna visa och uppdatera en statisk bild. Tavlan är en 7-färgers E-ink skärm jag hittade på nätet
+                    vilken verkligen ser ut som typ en målning när den visar behandlade bilder (mha en dither-algoritm). Nedan finns ett WIP kretsschema. Det som är kvar att göra är väl egentligen 
+                    bara att beställa komponenter och kretskort (för små komponenter för etsning tyvärr) och koppla samman, jag måste bara samla mod först och dubbelkolla alla detaljer. Jag tar i dagsläget 
+                    inget ansvar för förkolnade väggar eller eventuellt olämpligt innehåll på E-ink skärmen efter realisering av nedan krets.
+                    <div class="img_container">
+                        <embed src="/assets/images/digiframe-schematic-proto.pdf" , height="400" , width="600">
+                    </div>
+                </li>
+                <li>
+                    På sistonde har min gitarr verkligen gått varm vilket har lett till att jag återigen fått upp blicken för gitarreffekter och pedaler. Nu är väl inte slutprodukten av detta projekt
+                    helt genomtänkt ännu men idéen jag har är att jag ska designa X antal ljudeffekter (+ ev. förförstärkare) som jag sluter samman i en och samma låda, lite som en allt-i-allo-gitarrpedal.
+                    Hittils har jag mest skissat upp vilka effekter jag vill att dena megapedal ska realisera, men jag har också kopplat upp en prototyp-disteffekt som jag precis lirat genom
+                    min vanliga gitarrstärkare som låter fantasktiskt. Vi får se vart detta projekt leder helt enkelt. 
+                    <div class="img_container">
+                        <img src="../assets/images/distpedal-proto.jpg">
+                    </div>
+                </li>
+                
+                <p> 
+                    Det var allt jag hade för ikväll. Tack för mig!
+                </p>
+            </ul>
+
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/posts/welcome.html b/posts/welcome.html
new file mode 100644 (file)
index 0000000..6a8305a
--- /dev/null
+++ b/posts/welcome.html
@@ -0,0 +1,112 @@
+<!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">
+       <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://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!</h2>
+            <h3>4 mars 2023</h3>
+            <p>
+            Välkommen till Magasinet, min enkla hemsida!
+            
+            På denna sida kommer du att finna precis det du sökte efter,
+            dokumentation om mig själv och mina hobbyprojekt. Hemsidan är
+            varken vacker eller fullt funktionell men jag tänker då inte
+            sitta upp halva natten och skissa användargränssnitt och koda
+            javascript, urtrist! Eventuellt kan det dyka upp en del
+            (förhoppningsvis) trevlig läsning och har du tur kommer man så
+            småningom kunna knäppa på kaffekokarn med en enkel knapp häromkring.
+            Men vi börjar med en snabb introduktion av min server.
+            </p>
+
+            <p>
+            Eftersom att jag anser det vara centralt för ett modernt samhälle
+            att alla webbsurfande idioter och icke-idioter vet exakt var de 
+            befinner sig så kommer jag börja med att annonsera er näst-exakta
+            position.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/server.jpg">
+            </div>
+
+            <p>
+            För tillfället befinner du dig i mitt sovrum, på servern illustrerad
+            på den vackra bilden, såklart!
+            </p>
+            
+            <p>
+            Som ni ser är julen ännu inte bortstädad, jag har bara blivit
+            så otroligt less på att ständigt ordna julfix bara för att
+            röja det en månad senare. Därför är sedan 2019 julen numera
+            en permament installation i mitt sovrum.
+            </p>
+            
+            <p>
+            ​Men som för de allra flesta webbsurfande icke?-idioter så borde
+            tanken kring brandsäkerhet slagit er när ni såg illustrationen ovan.
+            Detta då det är precis lika centralt för ett modernt samhälle att
+            varje individ känner sig säkra, var de än befinner sig.
+            </p>
+            
+            <p>
+            Men frukta inte, för givetvis har jag löst ert problem. Det är
+            faktiskt så att jag har plockat bort batteriet ur
+            stenåldernslaptopen ni just nu befinner er på. Här ska ingenting
+            börja brinna!
+            </p>
+
+            <p>
+            Och som säkerhetsåtgärd ​ifall någonting mot förmodan ändå
+            skulle fatta eld så har jag en anordnat utmärkt beredskap.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/beredskap.jpg">
+            </div>
+
+            <p>
+            Som illustrerat så står det nämnligen en alltid-redo kaffekopp
+            ovanför just er position. Så fort någonting runtomkring er skulle
+            börja lukta bränt (läs: ytligt förkolnad plastgran eller Cat-5e sladd)
+            så välter jag koppen och problemet är åter åtgärdat.
+            </p>
+
+            <p>
+            Tack för er förståelse, eventuella klagomål skickas till <a href="mailto:forssennils@gmail.com">forssennils@gmail.com</a>.
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/projects.html b/projects.html
new file mode 100644 (file)
index 0000000..8d519cf
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,109 @@
+<!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/projects.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://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="description block">
+            <p> 
+            Nedan följer en liten samling av personiga 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>
+        </div>
+        <div class="status block">
+            <h2>FILTRERA PROJEKT</h3>
+            <table> 
+                <tr>
+                    <td><button type="button" id="cat_2023" onclick="filter_posts('cat_2023')">2023</button></td>
+                    <td><button type="button" id="cat_2024" onclick="filter_posts('cat_2024')">2024</button></td>
+                    <td><button type="button" id="cat_2025" onclick="filter_posts('cat_2025')">2025</button></td>
+                </tr>
+                <tr>
+                    <td><button type="button" id="cat_ljud" onclick="filter_posts('cat_ljud')">Ljud</button></td>
+                    <td><button type="button" id="cat_kurser" onclick="filter_posts('cat_kurser')">Kurser</button></td>
+                    <td><button type="button" id="cat_guitar" onclick="filter_posts('cat_guitar')">Gitarr</button></td>
+                </tr>
+
+            </table>
+        </div>
+        
+        <div class="post_preview block cat_2025 cat_ljud cat_guitar" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
+            <h2>GITARRPEDALER</h2>
+            <h3>31 jan 2025</h3>
+            <div class="img_container">
+                <img src="/assets/images/pedaler_framsida.jpg">
+            </div>
+            <p>Ett par hemmabyggda gitarrpedaler!</a></p>
+        </div>
+        
+        <div class="post_preview block cat_2024 cat_kurser" onclick="location.href='/projects/kandidatprojekt.html';" style="cursor: pointer;">
+            <h2>KANDIDATPROJEKT</h2>
+            <h3>9 juni 2024</h3>
+            <div class="img_container">
+                <img src="/assets/images/Theseus.jpg">
+            </div>
+            <p>
+            Kandidatprojekt i elektronik på Linköpings universitet. 
+            Ett grupprojekt där uppgiften var att konstruera, programmera och dokumentera
+            en robot som utför ett valt uppdrag. 
+            </p>
+        </div>
+        <div class="post_preview block cat_2024 cat_ljud" onclick="location.href='/projects/phono_preamp.html';" style="cursor: pointer;">
+            <h2>FÖRFÖRSTÄRKARE</h2>
+            <h3>17 april 2024</h3>
+            <div class="img_container">
+                <img src="/assets/images/preamp.jpg">
+            </div>
+            <p>
+            Trist att många moderna AV-mottagare saknar försteget till förstärkningen av stenålders-skivspelare.
+            Desto roligare att designa och konstruera sin egen från diskreta komponenter!
+            </p>
+        </div>
+        <div class="post_preview block cat_2023 cat_ljud" onclick="location.href='/projects/speaker.html';" style="cursor: pointer;">
+            <h2>BLUETOOTH-HÖGTALARE</h2>
+            <h3>5 april 2023</h3>
+            <div class="img_container">
+                <img src="/assets/images/speaker.jpg">
+            </div>
+            <p>
+            Min alldeles hemmabyggda blåtand-högtalare. Med digital
+            ljudbehandling, play, pause, skip och visning av metadata.
+            Med en ESP32 som mikrokontroller och signalprocessor tillsammans
+            med en färdigköpt klass-D förstärkare. Allt förslutet i en
+            hemmasnickrad låda med en simpel crossover-krets för högtalarelementen.
+            </p>
+        </div>
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/gitarrpedaler.html b/projects/gitarrpedaler.html
new file mode 100644 (file)
index 0000000..f1a1852
--- /dev/null
+++ b/projects/gitarrpedaler.html
@@ -0,0 +1,112 @@
+<!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">
+       <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://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>GITARRPEDALER</h2>
+            <h3>31 jan 2025</h3>
+            <p>
+            Detta projekt bygger på <a href="../posts/uppdatering.html">uppdateringen</a> jag skrev om för några månader sedan.
+            </p>
+
+            <p>
+            Nu kan jag ju absolut hålla med om att det saknas några veckor (månader i studenttid) sedan ovan uppdatering och detta inlägg, men det förändrar inte
+            det faktum att jag kommit en del påvägen. Den tidigare idén om att bygga en allt-i-allo pedal har av ett antal anledningar skrotas och istället
+            förgrenat sig till att bygga en pedal för varje effekt jag vill ha. Två stycken pedaler är nu helt färdigbyggda och planer finns för ett par ytterliggare, 
+            men som sagt, veckor blir snabbt till månader i studenttid.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/pedaler_framsida.jpg">
+            </div>
+            
+            <div class="img_container">
+                <img src="../assets/images/pedaler_baksida.jpg">
+            </div>
+
+            <p>
+            Som ni kan se i bilderna ovan så liknar faktiskt pedalerna en slutgiltig produkt. Extremt olikt mig att färdigställa någonting så ordentligt men ibland måste man klappa sig själv på axeln.
+            Jag har till och med fixat fotbrytare, LED-indikator, 9V-DC ingång, instrumentkontakter och en extremt vacker plastlåda!
+            Lägger även in lite kopplingsscheman men observera att många komponentvärden och halvledare är utbytta för att passa vad jag hade hemma och vad som lät bra. 
+            </p>
+
+            <div class="img_container">
+                <embed src="/assets/images/rojsagen_krets.pdf" , height="600" , width="600">
+            </div>
+
+            <div class="img_container">
+                <embed src="/assets/images/ludden_krets.pdf" , height="600" , width="600">
+            </div>
+
+            <p>
+            Vi har <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>, mina första fullt hemmabyggda gitarrpedaler.
+            Ljudet som kommer från dessa är egentligen ganska självförklarligt. Röjsågen låter lite som en röjsåg och ludden är lite luddig (distortion respektive fuzz för den insatte). De är
+            baserade en hel del på designer för de välkända pedalerna BOSS DS-1 och Big Muff, så kretsarna är egentligen inte speciellt unika. Det som särksiljer dem från orginalen 
+            är väl egentligen mest olika transistorer, OP-förstärkare och i vissa fall modifierade återkopplingsfårhållanden. Jag prövade runt med ett par olika halvledare och 
+            kom fram till att jag gillade ljudet bäst från ett packe BC547 (NPN) och OPA2134 (OP-förstärkare) som jag hadde liggandes hemma. Kul litet projekt, men det är dock likaså ganska
+            vanligt för hobbyister att modifiera orginalpedalerna med lite hemmalöderi, så jag är inte direkt någon pionjär i fältet. Alla ritningar inklusive 3D-modeller finns på min git-server;
+            <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>
+            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
+            och inte har gått vidare med något annat. Lätt hänt.
+            Avskyr PCBWay... Dock kan jag ju inte påstå annat än att vissa av mina krimskrams-projekt inte skulle kunna bli av utan deras tjänster då många moderna komponenter
+            är så pass små att man knappt ens kan räkna antalet ben dem har. Skulle man försöka etsa ett kretskort för dessa så skulle det inte bli mycket kvar av kopparbanorna 
+            så man hade lika gärna kunna etsa en spånskiva och försöka koppla emaljtråd mellan allting, hade säkert varit lättare. För att inte tala om flerlagerskort.
+            </p>
+
+            <p>
+            Nåväl nu kan jag åtminstonde avjnuta min skörd. NEJ. Pedalerna låter skunk!!!
+            </p>
+
+            <p> 
+            Ok, kanske liten överdrift, de låter riktigt bra men brusnivån är extremt hög, framförallt vid låga nivåer. Jag läste något om att ground-loop problem kan orsaka 
+            brus i gitarrpedaler och jag misstänker att något sådant skulle kunna vara problemet, men jag skulle egentligen behöva lägga en del tid på att undersöka allt ifrån 50Hz antenner till impedansmatchningar mellan förstärkarsteg.
+            Ja, jag har prövat linda pedalerna i jordad aluminiumfolie bara för att. Ja, jag är smått galen.
+            Kanske felsöker jag detta någon dag men vi får helt enkelt se. Vill jag spela gitarr just idag så har jag ju faktiskt turen att min förstärkare har en inbyggd DSP så alla effekter går
+            mer eller mindre att efterskapa digitalt om jag vill, istället för att behöva sladda in alla diskreta plastlådor som ändå har en oönskad inbyggd myrornas-krig funktion.
+            </p>
+
+            <p>
+            Det var helt enkelt allt för detta projektet för tillfället. Kanske tillkommer något här i framtiden, vi får se.
+            </p>
+        </div>
+
+
+    </div>
+
+
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/kandidatprojekt.html b/projects/kandidatprojekt.html
new file mode 100644 (file)
index 0000000..9312bd9
--- /dev/null
+++ b/projects/kandidatprojekt.html
@@ -0,0 +1,113 @@
+<!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">
+       <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://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>KANDIDATPROJEKT</h2>
+            <h3>9 juni 2024</h3>
+            
+            <p> 
+            Här har vi ett ganska omfattande projekt. Som del av kandidatarbetet i elektronik
+            (kursen TSEA56) på Linköpings universitet ingår ett grupprojekt där man gemensamt
+            bygger en robot som ska utföra ett valt uppdrag. Det finns ett litet urval av
+            möjliga uppdrag, men min grupp om sju personer valde att konstruera en <em>Undsättningsrobot</em>,
+            en labyrintavsökare. Det är i stort sett omöjligt att beskriva projektet i helhet
+            inom ett läslångt inlägg så är man sugen på att veta mer om projektet finns allting
+            sparat <a href="https://gitweb.forssennils.se/?p=TSEA56.git;a=tree;f=hardcopy;h=cb325730c289960e670c0c15f5bf28e437e4268d;hb=HEAD">här</a>.
+            Allt från källkod till dokumentation finns sparat. Det mest omfattande dokumentet som beskriver systemet i sin helhet, 
+            med andra dokument som bilagor, är <a href="https://gitweb.forssennils.se/?p=TSEA56.git;a=tree;f=hardcopy/docs/kandidatrapport;h=2d52c8785498638488f5a3dc717edf8a81bbb30d;hb=HEAD">Kandidatrapporten</a>.
+            Nedan är en bild på roboten efter projektets avslut. 
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/Theseus.jpg">
+            </div>
+
+            <p>
+            Uppdraget var i korta drag att bygga en robot som skulle avsöka en labyrint efter
+            en nödställd, och sedan åka kortaste vägen tillbaks till start och leverera förnödenheter (godtyckligt objekt)
+            till denne nödställde. Labyrinten var specad att vara ett rutnät med godtyckligt utplacerade väggar
+            och de två viktiga rutorna, start och den nödställde, märktes ut med eltejp på backen.
+            Gruppen fick en färdig robotplatform, men det var upp till oss hur vi valde att utsmycka platformen, 
+            vilka sensorer vi ville använda samt möjlighet till hårdvarumodifikationer inom rimliga gränser.
+            Detta år var det inga andra grupper som valde att utföra samma uppdrag, men annars brukar 
+            de olika grupperna tävla om vilkens robot som snabbast kan lösa uppdraget. 
+            </p>
+
+            <p>
+            Kort beskrivning av vår robot. Roboten består av tre stycken moduler
+            där varje modul har ett bestämt ansvarsområde, en styrmodul, en sensormodul 
+            och en kommunikationsmodul. Styr- och sensormodulen består av en ATmega1284P och 
+            en del kringutrustning. Kommunikationsmodulen består av en Raspberry pi. Roboten
+            lokalisersar sig i labyrinten med hjälp av en lidar, en gyrosensor samt kuggskivor 
+            med en avläsningsgaffel på dess bakhjul. En rad ljusdioder med tillhörande fotodiod används
+            för att avläsa tejpen på backen i start- och målrutan. Kommunikationsmodulen kommunicerar
+            med en laptop via ett webbgrännsnitt där man har möjlighet att styra roboten, visa sensoravläsningar (inklusive lidardata)
+            samt starta och stanna autonom labyrintavsökning. Kommunikationsmodulen kör ROS, Robot Operating System. 
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/gui.png">
+            </div>
+
+            <p>
+            Som sagt är det omöjligt att beskriva systemet i helhet i en kortare text som denna,
+            men här är några guldkorn från projektet.
+            </p>
+
+            <ul class="bullets">
+                <li>Egen lidardrivrutin skriven i Rust eftersom den som vi blev hänvisade till hade en del missar i implementationen som försämrade prestandan.</li>
+                <li>Exemplariskt webbgrännsnitt (visas ovan).</li>
+                <li>Styrreglering med återkoppling från hjulhastighet, gyroavläsning och lidardata.</li>
+                <li>2 separata kommunikationsbussar, UART och I2C, för att minska tidsfördröjning på sensoråterkoppling</li>
+                <li>Egenskriven lokaliseringsalgorithm som aldrig kräver att roboten stannar och tar hänsyn till inexakta väggplaceringar.</li>
+                <li>Ökning av hastighet i raksträckor.</li> 
+            </ul>
+
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/kandidat_robot.mp4" type="video/mp4">
+                </video>
+            </div>
+
+            <p>
+            Vår grupp lyckades riktigt bra med projektet mycket tack vare att flera av oss
+            hade en hel del erfarenhet från tidigare liknande projekt. Jag personligen hade
+            bland annat erfarenhet från en snarlik tävling jag deltagit i med ett gäng från elektronikföreningen 
+            Admittansen två gånger tidigare. Mer än hälften av oss hade också jobbat med ROS tidigare
+            vilket förenklade processen för hela gruppen. Sammanfattningsvis en fantastiskt rolig och
+            lärorik kurs som jag tar med mig massvis ifrån.
+            </p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/projects/phono_preamp.html b/projects/phono_preamp.html
new file mode 100644 (file)
index 0000000..be23627
--- /dev/null
+++ b/projects/phono_preamp.html
@@ -0,0 +1,217 @@
+<!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">
+    <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://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>FÖRFÖRSTÄRKARE</h2>
+            <h3>17 april 2024</h3>
+
+            <p>
+                Vi börjar direkt med lite bilder av mojängen:
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/preamp.jpg">
+            </div>
+
+            <div class="img_container">
+                <img src="/assets/images/preamp_bottom.jpg">
+            </div>
+
+            <div class="img_container">
+                <embed src="/assets/images/preamp_sch.pdf" , height="600" , width="600">
+            </div>
+
+            <div class="img_container">
+                <img src="/assets/images/CAD.png">
+            </div>
+
+            <p>
+                Projektet började helt enkelt med ett behov. Efter att ha flyttat till en ny lägenhet och fått (läs:
+                köpt orimligt billigt) den tidigare hyresgästens TV och AV-mottagare
+                så insåg jag ganska snabbt efter att ha sladdat in farsans gamla skivspelare att volymen var
+                oroväckande låg och brusnivån oroväckande hög med volymratten maxad.
+                Efter lite googlande och kinesiskt manuallässande så kom jag fram till att den nya AV-mottagaren helt enkelt inte
+                hade ett inbyggt försteg till försärkning av skivspelare. Tydligen
+                har skivspelare av den äldre modellen ofta inte någon inbyggt förstärkning utan skickar egentligen bara
+                signalen direkt från nålen till ljudutgången. Detta innebär
+                kort sagt att amplituden av ljudet från en skivspelare är avsevärt lägre än vad man förväntar sig från
+                dagens digitala telefoner, datorer eller mp3-spelare. Tidigare hade jag också använt
+                farsans gamla stereoförsärkare till skivspelaren, och eftersom dessa två är bägge från tidsperioden då
+                stenkakorna var det vanligaste musikmediet
+                så hade detta aldrig tidigare varit ett problem och jag hade därför heller inte reflekterat över denna
+                egenskapen med skivspelare.
+            </p>
+
+            <p>
+                Nu är det ju så att jag ännu bor på en begränsad yta och ogärna ställer fram <b>två</b> stora svarta lådor
+                till mitt musikavlyssnande (vad skulle framtida frun säga hehe), och jag måste ändå erkänna att den nyerövrade
+                digitala AV-mottagaren har vissa fördelar jäntemot farsans gamla stereoförstärkare. Ljudkvalité jadajada
+                men 5-kanalsavkodning, HDMI-ingång och fjärrkontroll är ändå funktioner
+                som jag värderar ganska högt i vardagsrummet, funktioner som naturligtvis saknas på den äldre analoga
+                lådan. Alltså fanns det nu ett problem. Jag vill kunna lyssna på mina fräna vinylskivor (hippievarning)
+                på den nya AV-mottagaren. Alternativa lösningar till problemet var att: köpa en förförstärkare eller att
+                bygga en förförstärkare till skivspelaren. Det första av alternativen ströks av uppenbara anledningar.
+            </p>
+
+            <p>
+                Shit vilket kul projekt detta blev! Allt ifrån att läsa sig in på frekvenskompensationen av RIAA-kurvan
+                (tydligen dämpar man låga frekvenser vid inspelning av musik för att minimera platsen
+                som de fysiska spåren på vinylskivan tar, smart!), att välja komponenter till olika filter och att etsa
+                ett ordentligt kretskort och konstruera en fungerande slutprodukt gjorde detta projekt
+                extremt givande. Nedan föjer en liten beskrivning av utvecklingsprocessen.
+            </p>
+
+            <p>
+                Jag började projektet med lite research och att skissa upp ungefärligen vad förstärkarsteget behövde
+                utföra. Efter lite mätningar (TOTO - Stop Loving You är en jäkla bra låt förövrigt)
+                kom jag fram till att förstärkarsteget skulle behöva förstärka amplituden på ljudet med ~100 ggr utöver
+                frekvenskompenseringen från RIAA-kurvan. Detta motsvarar ungefär 40 dB konstant
+                förstärkning över alla frekvenser samt ~60 dB förstärkning vid 20 Hz. Frekvenskompensationen från
+                RIAA-kurvan är matematisk beskriven med två nollställen och en pol,
+                vilket är ganska simpelt att realisera elektroniskt efter lite mattematik för att bestämma de olika filterkomponenternas värden.
+                Den skissade kretsen ni ser nedan skulle eventuellt klara av uppgiften, men den byttes senare ut
+                mot en krets med två filter/förstärkarblock istället för ett av lite olika anledningar. Bland annat för att fördela den ganska höga
+                förstärkningsfaktorn mellan två OP-förstärkare och för att RC-näten skulle passa RIAA-kurvan bättre med de komponentvärden jag hade till hands.
+                slutliga designen kan ses i kretsschemat i början av inlägget. I schemat ser ni också att det tillkommit ett frekvensutjämnarsteg och volymjustering, för vem gillar inte fysiska rattar
+                (hinthint moderna biltillverkare).
+                Utjämnaren är mer eller mindre tagen direkt från nätet med smått justerade RC-värden (Jag föredrar en något lägre gränsfrekvens än praxis på diskantratten).
+                Yterliggare en OP-förstärkare gick även åt här för att trycka upp utimpedansen från utjämnarsteget. 
+                I <a href="https://gitweb.forssennils.se/?p=phono_preamp.git;a=tree">gitrepot</a> finns alla filer
+                tillhörande projektet sparade om ni är intresserad.
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/sida_1.jpg">
+            </div>
+            
+            <div class="img_container">
+                <img src="/assets/images/sida_2.jpg">
+            </div>
+
+            <p>
+                Med de grundläggande förutsättningar genomtänkta så valde jag att börja räkna och simulera mig fram till
+                en krets. Det blev snabbt tydligt att Matlab är en fena
+                på att räkna frekvenssvar och LTspice sparar massor med timmar av kopplande. Nedan ser ni den
+                slutgiltiga kretsens teoretiska frekvessvar bredvid RIAA-kurvans frekvenssvar med
+                liknande förstärkningsfaktor (beräkningarna bortser från frekvensutjämnarrattarna och volymrattens
+                inverkan på frekvenssvaret).
+            </p>
+
+            <div class="img_container">
+                <img src="/assets/images/matlab.png">
+            </div>
+
+            <p>
+                Konstruktionen av förstärkaren kretsade mycket kring designen och skapandet av själva kretskortet. Jag
+                hade tidigare designat och etsat en del mindre kretskort till småprojekt men ingenting som
+                jag haft verklig nytta av. Etsning är lite en konst i sig, man måste pröva sig fram till hur
+                länge kortet ska UV-bestrålas, framkallas osv. Även tjockleken på ledningsbanor och icke-ledningsbanor
+                är något man måste experimentera med innan resultatet blir bra. Jag hade lite som mål att göra detta
+                projekt så billigt som möjligt och ville därmed undvika att beställa några komponenter.
+                Istället så lyckades jag hitta alla allting, dvs motstånd, kondingar, OP-förstärkare (OPA2134) och
+                kontakter bland lagret hos Admittansen (elektronikförening på LiU där jag just
+                nu är ordförande) så där var det egentligen bara att plocka det som behövt för några kronor
+                totalt. Hos Admittansen finns även UV-ugn, oscilloskop
+                och andra verktyg som kommit väl till hands under detta projektet. Rattarna (potentiometrarna) är tagna
+                ur en gammal högtalarförsärkare märkt med "trasig, saknar magisk rök".
+            </p>
+
+            <p>
+                Det kanske tuffaste problemet med konstruktionen av förstärkaren var strömtillförseln. Eftersom
+                OP-förstärkare behöver både positiv och negativ matningsspänning så är det inte riktigt så
+                enkelt som att ta godtyclig 12 volts nätadapter och hoppas på det bästa. Ett alternativ var istället att
+                dra nätspänning genom en transformator och likriktare, men då skulle jag
+                antingen behöva skapa en virtuell jordreferens eller hitta en transformator med sekundärlindning. En virtuell
+                jordreferens är en teknik jag använt tidigare som säkert hade fungerat då
+                förstärkaren inte kräver någon vidare effekt, men jag valde att inte gå den vägen den här gången. Jag
+                kunde heller inte hitta någon lämplig transformator med sekundärlindning.
+                Bland allt letande efter lämpliga spänningsregulatorer och liknande så hittade jag dock en perfekt
+                lösning bland Admittansens högar av komponenter. En MAX743-IC dubbel switchregulator,
+                vilken visade sig perfekt för att generera en 15 volts dubbelspänning från en låg DC-matning (e.g. 5 volt).
+                Det räckte med att bara följa exempelkopplingen från dess datablad och lägga till någon extra
+                utjämningskonding
+                på spänningslinorna så var denna lösning som hittad bokstavligt talat. Igen, ta en titt på kretsschemat i början av
+                inlägget om ni är intresserad av detaljerna.
+            </p>
+
+            <p>
+                Det var väl egentligen allt jag har att säga om detta projektet (nåväl, jag kan kanske säga ännu lite
+                till, men är lite less på att skriva nu så har ni funderingar får ni fråga mig i person).
+                Tyvärr så har jag inte gjort några ordentliga mätningar av den färdiga förstärkaren men jag har svårt
+                att se att den inte skulle bete sig som den gjort i simuleringarna. Mäter man RMS-spänningen
+                av statiska signaler genom den så följer den precis kurvan skissad i Matlab ovan. E.g. 0.05 mV RMS 1 kHz
+                signal in ger 5 V RMS ut, vilket motsvarar 40 dB precis som i kurvan. Trycker
+                man musik genom prylen låter det precis som det borde, bra volym och en återspegling av musiken som jag
+                inte kan åtskilja från spotify-versionen, annat än lite stenkaka-knaster såklart. Alla
+                volym/frekvensutjämningsrattar fungerar som de ska och jag var inte ens lat nog att inte lägga till en
+                strömbrytare och power-LED till designen, väldigt olikt mig. Kort sagt så är jag riktigt stolt över
+                slutprodukten och har lärt mig massor under processens gång. Jag lägger till en liten video nedan bara
+                för att bevisa funktionen.
+            </p>
+
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/preamp.mp4" type="video/mp4">
+                </video>
+            </div>
+
+            <p>
+                Ja alltså, jag var inte lat nog att lägga till strömbrytaren i digrammet, sen lär nog dröja tills år 2045 innan
+                jag faktiskt tar tag i att 3D-skriva en liten låda till mojängen.
+            </p>
+
+            <p>
+                Uppdatering: den 3D-skruvna lådan anlädde innan 2045! Givetvis fotobombar bilen från 'Tintin från Tibet' (fin gåva från farmor förresten
+                jag läste väldigt mycket Tintin en gång i tiden). Också, ge fan i att skratta åt de snea ratt-hålen...
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/tintin_och_preamp.jpg">
+            </div>
+
+            <ul class="bullets">
+                Hjälpsamma länkar:
+                <li><a
+                        href="https://ledgernote.com/columns/mixing-mastering/riaa-curve/#:~:text=The%20RIAA%20curve%20is%20an%20equalization%20filter%20applied,cut%20in%20volume%20while%20high%20frequencies%20are%20boosted">
+                        RIAA-kurvan</a></li>
+                <li><a href="https://sound-au.com/project06.htm"> Elliott Sound Products, kanske världens bästa
+                        DIY-försärkarsida. </a></li>
+            </ul>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/projects/speaker.html b/projects/speaker.html
new file mode 100644 (file)
index 0000000..16210c1
--- /dev/null
+++ b/projects/speaker.html
@@ -0,0 +1,101 @@
+<!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">
+       <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://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>BLUETOOTH-HÖGTALARE</h2>
+            <h3>5 april 2023</h3>
+
+            <p> 
+            <em>Hesa Petter</em> är ett hobbyprojekt från start till slut genom min gymnasietid. Nu när
+            jag skriver detta har högtalaren stått färdig i nästan 2 år med mindre någon
+            mindre modifikation gjord sedan dess men den fungerar fortfarande i stort sett
+            felfritt och har ändå sett en hel del användning. Som alltid är det mycket ´
+            treligare att plocka fram en hemmasnickrat mojäng när man står och grillar
+            istället för en massproducerad ljudburk tillverkad i chinesium.
+            </p>
+
+            <p>
+            Som med alla projekt så blev slutprodukten och därtill tidsåtgången
+            mycket mer omfattande än vad som först var planerat. Under projektets gång
+            tillkom det flera funktioner som skulle vara roliga att implementera, däribland
+            reglage för att filtrera bort/förstärka önskade frekvensband. Det är dock just
+            på grund av alla dessa extrafunktioner som jag väljer att tillägna en sida här
+            till högtalaren, jag är ändå ganska stolt över slutprodukten.
+            </p>
+
+            <div class="img_container">
+                <video controls>
+                    <source src="../assets/videos/speaker.mp4" type="video/mp4">
+                </video>
+            </div>
+
+            <p> 
+            Men nu om själva högtalaren. Den är centrerad runt en ESP32 mikroprocessor
+            med inbyggd stöd för blåtand. Mikroprocessorn läser av rattarna och knapparna 
+            från grännsnittet och behandlar ljudsignalen därefter med digitala filter.
+            Mikroprocessorn skriver även ut metadata (sångnamn, artist osv) som den hämtar
+            från den parkopplade enheten på skärmen. Den behandlade ljudsignalen skickas 
+            sedan till en DAC lämpad för ljudsignaler och sedan vidare till en klass-D förstärkare.
+            Nu idag hade jag gärna tagit mig friheten att bådde konstruera förstärkarkretsen och 
+            signabehandlingen i analoga kretsar då jag tycker den biten är riktigt rolig, men
+            den kunskapen hade jag helt enkelt inte när högtalaren först byggdes.
+            Även underlag för de digitala filter som är implementerade är hämtade från diverse
+            andra liknande projekt man kan runtom wärldens wida webb.
+            All ljudströmmning och använder Espressifs bibliotek för <em>A2DP</em> och <em>AVRC</em>.
+            Källkoden finns att se på min <a href="https://gitweb.forssennils.se/?p=Audiolib.git;a=tree">gitserver</a>.
+            </p>
+
+            <div class="img_container">
+                <img src="../assets/images/speaker_krets.jpg">
+            </div>
+
+            <p>
+            Som ni ser i bilden ovan är det ganska lite av elektroniken som jag själv utvecklat, utan 
+            allt är egentligen baserad runt färdigbyggda moduler. DAC, förstärkare, spänningsomvandlare
+            och batteriladdningskreten är alla färdig moduler som egentligen bara är att 
+            koppla in och slå på så fungerar de som tänkt. Visst, batteripacket är ihopsvetsat, men annars är det bara 
+            RC-länken till crossovern mellan bas/mid-högtalarelementet som jag faktiskt designat och räknat på.
+            Sen är såklart lådan helt hemmasnickrad. 
+            </p>
+
+            <p>
+            Sammanfattningsvis har högtalaren varit ett riktigt roligt projekt trots att jag då 
+            saknade kunskapen att designa elektroniken och mjukvaran från grunden. Hursomhelst har det
+            varit ett extremt roligt och givande projekt för mig som lagt en del grund till den teorin
+            och elektroniken som jag idag pillar mycket med. Hursomhelst, högtalaren fungerar, låter 
+            förvånadsvärt fint och ser ärligt talat ganska tilltalande ut. Ett lyckat projekt som jag 
+            tar med mig mycket ifrån.
+            </p> 
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
Hemsida forssennils.se