Fixed some icons not properly changing color when selecting light theme and brought back mistakenly removed index page

4 files changed, 37 insertions, 4 deletions

diff --git a/src/_header.html b/src/_header.html
index bef59f8..df43064 100644
--- a/src/_header.html
+++ b/src/_header.html
@@ -46,8 +46,8 @@
 		<span id="settingsWrapper">
 			<br>
 
-			<img id="changeThemeBtn" class="unzoomable btn setting-btn" src="/img/sun-tabler.svg" alt="Toggle theme">
-			<img id="changeWidthBtn" class="unzoomable btn setting-btn" src="/img/viewport-wide-tabler.svg" alt="Toggle full width">
+			<img id="changeThemeBtn" class="unzoomable btn setting-btn icon" src="/img/sun-tabler.svg" alt="Toggle theme">
+			<img id="changeWidthBtn" class="unzoomable btn setting-btn icon" src="/img/viewport-wide-tabler.svg" alt="Toggle full width">
 			<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-ZmN9dZP4m7fv3W3DHbA9pnK3Y44LnD4Be1Pn8Wdu4wFutZZSfZ1vNoIKNZ2J7QK9NHImYPjyNPxN2/l6y9P7pA==" crossorigin="anonymous"></script>
 		</span>
 
diff --git a/src/darkmode.css b/src/darkmode.css
index 47de994..6fa01e8 100644
--- a/src/darkmode.css
+++ b/src/darkmode.css
@@ -21,7 +21,7 @@
 }
 
   /* This selects the link images, next to headings */
-h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .file-icon {
+h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .icon {
   /* Refer to styles.css on why this is necessary */
   filter: none; 
 }
diff --git a/src/index.md b/src/index.md
new file mode 100644
index 0000000..1e7db8d
--- /dev/null
+++ b/src/index.md
@@ -0,0 +1,33 @@
+# Welcome
+
+<div id="index-contents">
+	<img id="index-contents-img" class="borderless" src="./img/16-better-colors.jpeg" alt="">
+	<div id="index-contents-text">
+		<p>Hello! My name is Kamen Mladenov and I am a computer science student.</p>
+		<p>This is my website and personal playing ground. Currently it's fairly empty, but hopefully there will be much more stuff in the future.</p>
+		<p>
+			<a class="borderless" href="https://observatory.mozilla.org/analyze/syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/mozilla-observatory/grade-score/syndamia.com" alt="Mozilla Observatory"></a>
+			<a class="borderless" href="https://securityheaders.com/?q=syndamia.com&followRedirects=on"><img class="borderless unzoomable" src="https://img.shields.io/security-headers?url=https%3A%2F%2Fsyndamia.com" alt="Security Headers"></a>
+			<a class="borderless" href="https://hstspreload.org/?domain=syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/hsts/preload/syndamia.com" alt="HSTS"></a>
+			<br>
+			<!-- http://devel.ringlet.net/ -->
+			<a class="borderless" href="https://www.vim.org/"><img class="oldschool-badge unzoomable" src="./img/created.with.vim.gif" alt="Created With VIM"></a>
+			<a class="borderless" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fsyndamia.com%2F"><img class="oldschool-badge unzoomable" src="./img/valid-html401-v.svg" alt="W3C Valid HTML"></a>
+			<a class="borderless" href="https://jigsaw.w3.org/css-validator/validator?uri=syndamia.com%2Fstyles.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en"><img class="oldschool-badge unzoomable" src="./img/valid-css-v.svg" alt="W3C Valid CSS"></a>
+			<a class="borderless" href="https://www.anybrowser.org/campaign/"><img class="oldschool-badge unzoomable" src="./img/abasat.gif" alt="Viewable With Any Browser"></a>
+			<a class="borderless" href="https://spyware.neocities.org/"><img class="oldschool-badge unzoomable" src="./img/watchdog.png" alt="Spyware Watchdog"></a>
+			</br>
+			<a class="borderless" href="/license.html"><img class="oldschool-badge unzoomable" src="/img/cc-by-sa.svg"></a>
+			<a class="borderless" href="/license.html"><img class="oldschool-badge unzoomable" src="./img/shieldsio-MIT-gray.svg"></a>
+		</p>
+	</div>
+</div>
+
+<p></p>
+
+|||
+|---|---|
+|About the website| [Website policies](/policies.html) \|\| [Detailed usage of JavaScript](/regarding-js.html) \|\| [License](/license.html) \|\| [Acknowledgements](/acknowledgements.html)|
+|Services|[Digital preservation (Archives)](/archives)|
+|Content by me|[Documents](/docs) \|\| [Blog](/blog) \|\| [Tutorials](/tutorials)|
+|||
diff --git a/src/styles.css b/src/styles.css
index 07f7fc2..933ee1d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -193,7 +193,7 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
   vertical-align: text-top;
 }
 
-h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .file-icon {
+h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .icon, .file-icon, .file-wrapper > summary {
   /* Since link images are made for dark mode, and have white-ish foreground,
    * this filter makes them black (when in light mode)
    */