weekly blog post

webpage/about.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -46,10 +47,11 @@
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:17 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 15:57 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 		<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/donate.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -55,10 +56,11 @@
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:18 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 15:57 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 				<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/index.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -30,6 +31,26 @@
 	</p>
 </div>
 <div class="boxmiddle">
+	<h2>[Mobile & widescreen support]</h2> <h4>[Friday, January 31st, 2025]</h4>
+	<hr size="1" noshade>
+	<p>After a long battle with spaghetti code, we finally managed to make our website have the <b>"Responsive Web Design".</b> Now you can view this website on your phone without having to turn on the <b>Desktop mode!</b><br>
+	<span id="smoltext">The websites content has also been adjusted for more comfortable content viewing on widescreen resolutions.</p>
+	<figure>
+	<center>
+	<img src="responsive.gif" alt="Boxes go brrr" class="clickable-image" title="You can click & hold on the GIF to make it bigger.">
+	</center>
+	</figure>
+	<p>We moved the top bar navigation to the side, so everything is in one place & we also finished our <a href="donate.html" id="adless" style="color:white; text-decoration: none;"><b>donation</b></a> page so if you want to pitch in a euro or two, now you can.</p>
+	<p>We moved all the patch notes from our Discord server to here, so if you're curious about our history & progression, you can check it out <a href="patchnotes.html" id="adless" style="color: white; text-decoration: none;"><b>here!</b></a><br>
+	<span id="smoltext">I think there are some new patch notes from today!</span></p>
+	<p>This website's code is now open source & you can check it out at <a href="https://git.x1b.dev/waterjones/y2k.website" id="adless" style="text-decoration: none; color: white;"><b>git.x1b.dev!</b></a><br>
+	<span id="smoltext">Contributions for making our website more optimized are welcome as well.</p>
+	<p>We have moved from <b>quakenet.org</b> to <b>oftc.net</b> for our IRC chatroom.<br>
+	<span id="smoltext">You can use the <b style="color:grey;">/connect irc.oft.net</b> command to connect to the server and <b style="color:grey;">/join #y2k.cs</b> command to join our chatroom on your prefered IRC client. Or you can simply use the built-in qwebirc interface on our <a href="irc.html" id="adless">IRC</a> page.</p> 
+	<p>We're also happy to announce that you can now find us on <a href="https://wiby.org/" id="adless" style="color: white; text-decoration: none"><b>wiby.org!</b></a> So from now on, we will have a cool looking wiby.org badge at the bottom of our site with plenty of other late 90's inspired badges.<br>
+	<span id="smoltext">For those who are unaware, this search engine indexes old look-alike webpages with simple html code but you can also <a href="https://wiby.org/submit/"id="adless">submit</a> your own page on their search engine which is what we did. Didn't expect us to actually turn up on their search engine so that's pretty awesome!</span></p>
+	<p style="color:grey;"> [ waterjones ]</p>
+
 <h2>[Website changes]</h2> <h4>[Friday, January 24th, 2025]</h4>
 	<hr size="1" noshade>
 	<p>After a few days of work, we have improved our website. We have added a few new pages that you can go & visit if you're interested. We also applied lots of changes so lets get started!</p>
@@ -69,14 +90,14 @@
 <div class="box">
 		<h4>New Discord members:</h4>
 		<ol>
+		<li>mikjelis<br>
 		<li>friedman6523<br>
 		<li>robg6364<br>
-		<li>denimukas<br>
 		</ol>
 		<h4>Best #Deathmatch players:</h4>
 		<ol>
+		<li>y2k.kencarson<br>
 		<li>poppinbeans<br>
-		<li>y2k.leanlover2013<br>
 		<li>jFs<br>
 		</ol>
 		<h4>Best #Classic players:</h4>
@@ -91,10 +112,11 @@
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:18 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Friday, January 31st, 2025 @ 08:56 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 				<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 		</div>

webpage/irc.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -29,15 +30,16 @@
 	<a href="http://users4.smartgb.com/g/g.php?a=s&i=g44-82757-3d" id="afix">Guestbook</a>
 	</p>
 </div>
-<iframe src="http://webchat.quakenet.org/?channels=#y2k.cs&uio=d4"></iframe>
+<iframe src="https://webchat.oftc.net/?channels=y2k.cs&uio=OT10cnVlJjExPTEzMw1a"></iframe>
 </div>
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:17 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 18:32 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 				<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+			<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/maplist.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -144,10 +145,11 @@
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:19 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 15:59 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 		<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/patchnotes.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -30,6 +31,32 @@
 	</p>
 </div>
 <div class="boxmiddleright">
+<h2> [v1.05]
+<h4>[Friday, January 31st, 2025]</h4>
+<hr size="1" noshade>
+<h4>[Discord Server Changes]</h4>
+	<ul>
+	<li>Removed un-used channels
+	<li>Changed the <b>#patch-notes</b> format.
+	</ul>
+<h4>[Counter-Strike 1.6 Server Changes]</h4>
+	<p>Changes for <b>#Classic</b></p>
+	<ul>
+	<li>The round time has been increased from <b>1:45</b> to <b>2:30</b> minutes.<br>
+	<span id="smoltext">The time limit is still kept at 90 minutes.</span>
+	<li>We introduced a win limit. Win <b>sixteen</b> rounds for a map change to occur.<br>
+	<span id="smoltext">The round limit is still kept at 30 rounds.</span>
+	<li>We changed how spectating works. Now you can spectate your own team in <b>first-person only.</b>
+	<li>Players now can <b>chat with spectators</b> & vise versa.<br>
+	<span id="smoltext">More testing is needed.</span>
+	</ul>
+	<p>Changed for <b>#Deathmatch</b></p>
+	<ul>
+	<li>There's a chance that players on T side would <b>spawn with a C4 on defuse maps</b>. That's no longer the case.
+	<li>Players can <b>chat with spectators</b> as well.
+	</ul>
+<p style="color:grey;">[ waterjones ]</p>
+
 <h2>[v1.0]</h2>
 <h4>[Friday, January 17th, 2025]</h4>
 <hr size="1" noshade>
@@ -464,10 +491,11 @@ Upcoming projects:
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:19 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Friday, January 31st, 2025 @ 08:51 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 				<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/rules.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -62,10 +63,11 @@
 <div>
 <center>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:19 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 15:59 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 				<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+			<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 </center>

webpage/screenshots.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html" id="afix">Patch notes</a>
 		<a href="screenshots.html" id="afix">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -66,17 +67,18 @@
 	</span>
 	</figcaption>
 	</figure>
-	<p id="smoltext">You can contribute to this gallery by sending your screenshots to our email.</p>
+	<p id="smoltext">You can contribute to this gallery by sending your screenshots to our email. We would also highly appreciate if the screenshots were taken in an aspect ratio of 4:3 or 5:4. Any screenshots that were taken in any other aspect ratio will be automatically dismissed unless the screenshots are stretched but retain 4:3 aspect ratio after editing.</p>
 	</center>
 </div>
 </div>
 <center>
 	<div>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:19 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Thursday, January 30th, 2025 @ 11:48 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 		<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 	</div>

webpage/servers.html

@@ -21,6 +21,7 @@
 		<a href="donate.html">Donations</a>
 		<a href="patchnotes.html">Patch notes</a>
 		<a href="screenshots.html">Screenshots</a>
+		<a href="https://git.x1b.dev/waterjones/y2k.website" target="_blank">Source code</a>
 	<h4>[Communication]</h4>
 		<a href="irc.html">IRC</a>
 		<a href="mailto:y2k.cs@proton.me">Email</a>
@@ -33,10 +34,11 @@
 </div>
 <center>
 		<p id="smoltext">powered by nostalgia 2023-2025 - page written by waterjones
-		<br>last edited on: Tuesday, January 28th, 2025 @ 11:20 EET<br> email us: y2k.cs@proton.me</p>
+		<br>last edited on: Wednesday, January 29th, 2025 @ 16:00 EET<br> email us: y2k.cs@proton.me</p>
 		<a href="https://wiby.org/" id="aimage" target="_blank"><img width="88px" height="31px" src="https://wiby.org/about/wiby.org.gif" alt="wiby.org"></a>
 		<a href="https://www.w3schools.com/html/html_responsive.asp" id="aimage" target="_blank"><img width="88px" height="31px" src="https://seirdy.one/p/b/mobilefriendly.1035495686.png" alt="we're mobile friendly now!"></a>
 		<a href="https://micro-editor.github.io/" id="aimage" target="_blank"><img width="88px" height="31px" src="micro.png" alt="this website was written on Micro"></a>
+		<a href="https://git.x1b.dev/" id="aimage" target="_blank"><img width="88px" height="31px" src="x1b.png" alt="git.x1b.dev"></a>
 		<a href="https://ko-fi.com/waterjones" id="aimage" target="_blank"><img width="88px" height="31px" src="kofi.png" alt="consider supporting us"></a>
 		<a href="index.html" id="aimage"><img width="88px" height="31px" src="y2kcsbutton.png" alt="y2k.cs" target="_blank"></a>
 </center>

webpage/style.css

@@ -1,35 +1,21 @@
 * {
 	box-sizing: border-box;
 }
-/*
-.foo {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -moz-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -moz-box-direction: normal;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-*/
 body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  background-color: black;
  padding: 0.5%;
+ margin-left: 20%;
+ margin-right: 20%;
 }
 html * {
  color: white;
 }
 @font-face {
  font-family: 'Draco';
- src: url('Draco/Draco.otf');
+ src: url('https://y2kcs.neocities.org/Draco/Draco.otf');
  format("opentype");
 }
 a {
@@ -61,13 +47,13 @@ hr {
  color: grey;
 }
 .clickable-image {
- width: 60%;
+ width: 80%;
  height: auto;
  object-fit: cover;
  border: 1px solid #fff;
 }
 .clickable-image:active {
- width:70%;
+ width:100%;
  height:auto;
 }
 a:hover {
@@ -129,6 +115,22 @@ iframe {
 	word-wrap: break-word;
 	width: 85%;
 }
+@media only screen and (max-width: 1440px) {
+/*HD 4:3 PC resolutions*/
+ body {
+  margin-left: 10%;
+  margin-right: 10%;
+ }
+}
+@media only screen and (max-width: 1024px) {
+/*smaller 4:3 PC resolutions*/
+ body {
+  margin-left: 0%;
+  margin-right: 0%;
+  padding-left: 12px;
+  padding-right: 12px
+ }
+}
 @media only screen and (max-width: 750px) {
 /* mobile phones*/
  .box, .container {
@@ -151,13 +153,13 @@ iframe {
   width:100%;
  }
  .clickable-image {
-  width: 80%;
+  width: 90%;
   height: auto;
   object-fit: cover;
   border: 1px solid #fff;
  }
  .clickable-image:active {
-  width:90%;
+  width:100%;
   height:auto;
  }
 }