move images to s3

js/customElements/svgLoader.js

@@ -9,7 +9,7 @@ class svgLoad extends HTMLElement {
             }
         }
 
-        xhr.open("GET", "/img/svg/" + svgName + ".svg");
+        xhr.open("GET", "/API/getFile.php?filename=svg/" + svgName + ".svg");
         xhr.send();
     }
 }

public/Projekte/URLkuerzer1.html

@@ -23,7 +23,7 @@
         würde dieser beispielhaft folgendermaßen lauten:</p>
     <p><em>AliasMatch "^/(.*)" "/var/www/url_shorter/index.php"</em></p>
     <p>Der Kürzer ist unter <a href="https://kurz.ml">kurz.ml</a> erreichbar.</p>
-    <p><img src="/img/URL-kuerzer1.png"></p>
+    <p><img src="/API/getFile.php?filename=img/URL-kuerzer1.png"></p>
     <p><strong>Update:</strong> Da das alte Design nicht besonders schön aussah habe ich mich dazu entschlossen ein
         neues Design zu verwenden, welches jetzt auf <a href="https://getbootstrap.com/">Bootstrap</a> basiert. Das
         Design ist <a href="https://kurz.ml/design">hier</a> zu finden. Für die Benachrichtigungen unten rechts habe ich

public/Projekte/URLkuerzer2.html

@@ -40,8 +40,8 @@
         Meine eigene Installation ist, wie der alte URL kürzer unter <a href="https://kurz.gq">kurz.gq</a> erreichbar.
     </p>
     Aktueller build Status: <img src="http://gitlab.jonasled.de/jonasled/url_shorter_docker/badges/master/pipeline.svg"><br>
-    <img src="/img/kurz_ml_light.png">
-    <img src="/img/kurz_ml_ldark.jpg">
+    <img src="/API/getFile.php?filename=img/kurz_ml_light.png">
+    <img src="/API/getFile.php?filename=img/kurz_ml_ldark.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/blitzortung.html

@@ -13,7 +13,7 @@
     <p>Diese drei Marker gibt es:</p>
     <p><a href="https://blitzortung.jonasled.de/red-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/red-dot.png" width="32" height="32"></a>Offline<br><a href="https://blitzortung.jonasled.de/green-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/green-dot.png" width="32" height="32"></a>Online<br><a href="https://blitzortung.jonasled.de/ltblue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/ltblue-dot.png" width="32" height="32"></a>Idle<br><a href="https://blitzortung.jonasled.de/blue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/blue-dot.png" width="32" height="32"></a>Unknown</p>
     <p>Ein Screenshot der Karte:</p>
-    <p><img src="/img/blitzortung.png"</p>
+    <p><img src="/API/getFile.php?filename=img/blitzortung.png"</p>
     <p>Die Karte kann unter&nbsp;<a href="https://blitzortung.jonasled.de">blitzortung.jonasled.de</a>&nbsp;gefunden werden.</p>
     <p>&nbsp;</p>
     <h2>Update 1:</h2>

public/Projekte/insecam.html

@@ -36,9 +36,9 @@
     <button>Download V2</button>
 </a><br>
     <p>Alte Karte mit Google Maps:</p>
-    <img src="/img/Insecam.png"><br>
+    <img src="/API/getFile.php?filename=/img/Insecam.png"><br>
     <p>Neue Karte mit Leaflet:</p>
-    <img src="/img/insecam_neu.png"><br>
+    <img src="/API/getFile.php?filename=/img/insecam_neu.png"><br>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/ledtisch2.html

@@ -74,7 +74,7 @@
         </li>
     </ul>
     <br>
-    <img src="/img/ledTisch2.jpg">
+    <img src="/API/getFile.php?filename=img/ledTisch2.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/mqttpush.html

@@ -18,8 +18,8 @@
     <a href="/API/getFile.php?filename=files/MQTT_Message.zip">
         <button>Download</button>
     </a><br>
-    <img src="/img/MQTT-push.png">
-    <img src="/img/MQTT-push-window.png">
+    <img src="/API/getFile.php?filename=img/MQTT-push.png">
+    <img src="/API/getFile.php?filename=img/MQTT-push-window.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/proxdroid.html

@@ -21,10 +21,10 @@
         gibt es aber auch die <a href="https://gitlab.com/jonasled/proxdroid/-/releases">Releases</a> direkt auf GitLab.
         Um neue Features einzureichen oder sich untereinander zu helfen habe ich daneben noch einen <a
                 href="https://discord.gg/JEuXW8h">Discord</a> eingerichtet.</p><br>
-    <img src="/img/Nexus_6P_-_Screenshot_11-576x1024.png">
-    <img src="/img/Nexus_6P_-_Screenshot_21-576x1024.png">
-    <img src="/img/Nexus_6P_-_Screenshot_31-576x1024.png">
-    <img src="/img/Nexus_6P_-_Screenshot_41-576x1024.png">
+    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_11-576x1024.png">
+    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_21-576x1024.png">
+    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_31-576x1024.png">
+    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_41-576x1024.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/regensensor.html

@@ -48,7 +48,7 @@
         </tbody>
     </table>
     <br>
-    <img src="/img/regensensor.jpg">
+    <img src="/API/getFile.php?filename=img/regensensor.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/smartmirror.html

@@ -33,7 +33,7 @@
     <a href="/API/getFile.php?filename=files/SmartMirror.zip">
         <button>Download</button>
     </a><br><br>
-    <img src="/img/Spiegel.jpg">
+    <img src="/API/getFile.php?filename=img/Spiegel.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/Projekte/snowboy.html

@@ -58,8 +58,8 @@ make
         Rate". Das Problem der Soundkarte ist, dass sie nur 44kHz als Abtastrate unterstützt, Snowboy braucht aber eine
         Abtastrate von 16kHz wie ich daraufhin nachgelesen habe. Unten sind zwei Screenshots der Fehler angefügt.</p>
     <br>
-    <img src="/img/snowboy_no_mic.png">
-    <img src="/img/snowboy_wrong_sample_rate.png">
+    <img src="/API/getFile.php?filename=img/snowboy_no_mic.png">
+    <img src="/API/getFile.php?filename=img/snowboy_wrong_sample_rate.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/img/svg/3d_model.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 512 512">
-    <path d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"/>
-</svg>

public/img/svg/banner.svg

@@ -1,3 +0,0 @@
-<svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 1000 100" preserveAspectRatio = "none" >
-    <path class="svg-white-bg" d = "M737.9,94.7L0,0v100h1000V0L737.9,94.7z" ></path >
-</svg >

public/img/svg/instagram.svg

@@ -1,8 +0,0 @@
-<svg viewBox="0 0 512 512">
-    <path
-            d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/>
-    <path
-            d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/>
-    <circle
-            cx="390.476" cy="121.524" r="30.23"/>
-</svg>

public/img/svg/matrix.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1536 1792">
-    <path d="M40.467 163.152v1465.696H145.92V1664H0V128h145.92v35.152zm450.757 464.64v74.14h2.069c19.79-28.356 43.717-50.215 71.483-65.575 27.765-15.656 59.963-23.336 96-23.336 34.56 0 66.165 6.795 94.818 20.086 28.652 13.293 50.216 37.22 65.28 70.893 16.246-23.926 38.4-45.194 66.166-63.507 27.766-18.314 60.848-27.472 98.954-27.472 28.948 0 55.828 3.545 80.64 10.635 24.812 7.088 45.785 18.314 63.508 33.968 17.722 15.656 31.31 35.742 41.354 60.85 9.747 25.107 14.768 55.236 14.768 90.683v366.573h-150.35V865.28c0-18.314-.59-35.741-2.068-51.987-1.476-16.247-5.316-30.426-11.52-42.24-6.499-12.112-15.656-21.563-28.062-28.653-12.405-7.088-29.242-10.634-50.214-10.634-21.268 0-38.4 4.135-51.397 12.112-12.997 8.27-23.336 18.608-30.72 31.901-7.386 12.997-12.407 27.765-14.77 44.602-2.363 16.542-3.84 33.379-3.84 50.216v305.133H692.971v-307.2c0-16.247-.294-32.197-1.18-48.149-.591-15.95-3.84-30.424-9.157-44.011-5.317-13.293-14.178-24.223-26.585-32.197-12.406-7.976-30.425-12.112-54.646-12.112-7.088 0-16.542 1.478-28.062 4.726-11.52 3.25-23.04 9.157-33.968 18.02-10.93 8.86-20.383 21.563-28.063 38.103-7.68 16.543-11.52 38.4-11.52 65.28v317.834H349.44V627.792zm1004.309 1001.056V163.152H1390.08V128H1536v1536h-145.92v-35.152z"/>
-</svg>

public/img/svg/paypal.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 384 512">
-    <path d="M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z"/>
-</svg>

public/img/svg/twitter.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 310">
-    <path id="XMLID_827_" d="M302.973,57.388c-4.87,2.16-9.877,3.983-14.993,5.463c6.057-6.85,10.675-14.91,13.494-23.73
-                        c0.632-1.977-0.023-4.141-1.648-5.434c-1.623-1.294-3.878-1.449-5.665-0.39c-10.865,6.444-22.587,11.075-34.878,13.783
-                        c-12.381-12.098-29.197-18.983-46.581-18.983c-36.695,0-66.549,29.853-66.549,66.547c0,2.89,0.183,5.764,0.545,8.598
-                        C101.163,99.244,58.83,76.863,29.76,41.204c-1.036-1.271-2.632-1.956-4.266-1.825c-1.635,0.128-3.104,1.05-3.93,2.467
-                        c-5.896,10.117-9.013,21.688-9.013,33.461c0,16.035,5.725,31.249,15.838,43.137c-3.075-1.065-6.059-2.396-8.907-3.977
-                        c-1.529-0.851-3.395-0.838-4.914,0.033c-1.52,0.871-2.473,2.473-2.513,4.224c-0.007,0.295-0.007,0.59-0.007,0.889
-                        c0,23.935,12.882,45.484,32.577,57.229c-1.692-0.169-3.383-0.414-5.063-0.735c-1.732-0.331-3.513,0.276-4.681,1.597
-                        c-1.17,1.32-1.557,3.16-1.018,4.84c7.29,22.76,26.059,39.501,48.749,44.605c-18.819,11.787-40.34,17.961-62.932,17.961
-                        c-4.714,0-9.455-0.277-14.095-0.826c-2.305-0.274-4.509,1.087-5.294,3.279c-0.785,2.193,0.047,4.638,2.008,5.895
-                        c29.023,18.609,62.582,28.445,97.047,28.445c67.754,0,110.139-31.95,133.764-58.753c29.46-33.421,46.356-77.658,46.356-121.367
-                        c0-1.826-0.028-3.67-0.084-5.508c11.623-8.757,21.63-19.355,29.773-31.536c1.237-1.85,1.103-4.295-0.33-5.998
-                        C307.394,57.037,305.009,56.486,302.973,57.388z"/>
-</svg>

public/index.html

@@ -11,7 +11,7 @@
 <jl-header data-title="Jonas Leder"></jl-header>
 <div id="content">
     <div class="center">
-        <img data-noPreview="true" id="homeImage" src="img/bildHome.webp">
+        <img data-noPreview="true" id="homeImage" src="/API/getFile.php?filename=img/bildHome.webp">
         <h2>&Uuml;ber mich</h2>
         <p class="left block">Hallo, mein Name ist Jonas Leder. Ich bin aktuell Student an der Dualen Hochschule
             Baden-Württemberg in Mannheim Fachrichtung Angewandte Informatik.</p>

scss/_header.scss

@@ -2,7 +2,7 @@
     box-sizing: border-box;
 }
 .header-homepage {
-  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHomeCrop.webp);
+  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/API/getFile.php?filename=img/bannerHomeCrop.webp);
   background-size: cover;
   position: relative;
   color: #fff;