commit d3ed443811b90b425e536f811c24e100e03b339d
parent db96119037357c513e617bef27e944eabd42df1d
Author: thing1 <thing1@seacrossedlovers.xyz>
Date: Fri, 13 Feb 2026 23:39:40 +0000
updated index and css
Diffstat:
2 files changed, 38 insertions(+), 17 deletions(-)
diff --git a/CS10120/project/index.html b/CS10120/project/index.html
@@ -11,13 +11,14 @@
<hr>
<nav>
- <ul>
- <li><a href="./cv.html">CV</a></li>
- <li><a href="./blog.html">Blog</a></li>
+ <ul class="navbar">
+ <li class="navbar"><a class="navbar" href="./cv.html">CV</a></li>
+ <li class="navbar"><a class="navbar" href="./blog.html">Blog</a></li>
</ul>
</nav>
<hr>
+
</header>
<div id="nameinput">
@@ -36,11 +37,11 @@
<h5 id="whosAsking"></h5>
<script src="scripts/whosasking.js"></script>
- <p>I'm a neat <em>little</em> nerd who likes programming, anime, and other such things. I spend an impressive amount of time behind a screen, and somehow my eyes still function <small class="verysmall">(sorta)</small>. When I'm not in front of a screen, I'm probably cooking some food, perhaps for my <a href="https://users.aber.ac.uk/jum41">friend</a>, as I seem to cook for others more than myself! I find it very relaxing, and cooking for someone else forces you to put in some effort, and you ought to try!</p>
+ <p>I'm a neat <em>little</em> nerd who likes programming, anime, and other such things. I spend an impressive amount of time behind a screen, and somehow my eyes still function<small class="verysmall"> (sorta)</small>. When I'm not in front of a screen, I'm probably cooking some food, perhaps for my <a href="https://users.aber.ac.uk/jum41">friend</a>, as I seem to cook for others more than myself! I find it very relaxing, and cooking for someone else forces you to put in some effort, and you ought to try!</p>
<h2>Why am I here?</h2>
- <p>I made this website to create my own little corner of the internet, <em>(it seems to have a lot of little corners, <strong>strange that, isn't it</strong>)</em>, <small class="verysmall">and because I had an assignment to complete</small>. I hope to use this site as a nice little place to rant to my friends, and to show off, obviously.</p>
+ <p>I made this website to create my own little corner of the internet, <em>(it seems to have a lot of little corners, <strong>strange that, isn't it</strong>)</em>,<small class="verysmall"> and because I had an assignment to complete</small>.I hope to use this site as a nice little place to rant to my friends, and to show off, obviously.</p>
<h2>So, do you like computers?</h2>
diff --git a/CS10120/project/style.css b/CS10120/project/style.css
@@ -5,27 +5,47 @@ body {
font-family: 'Monospace';
}
-@media screen and (max-width: 768px) {
+@media screen and (min-width: 1000px) {
body {
- /*background-image: url(./images/webback.png);*/
- background-repeat: no-repeat;
- background-position: center right;
- background-position-y: top;
+ width: 768px;
}
}
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 1636px) {
body {
+ background-image: url(./images/webback.png);
background-repeat: no-repeat;
background-position: center right;
background-position-y: top;
- width: 768px;
+ /*width: 768px;*/
}
}
-@media screen and (min-width: 1636px) {
- body {
- background-image: url(./images/webback.png);
- }
+#title {
+ text-align: center;
+}
+
+ul.navbar {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ border: solid 1px;
+}
+
+ul li.navbar {
+ float: left;
+}
+
+ul li a.navbar {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ border: solid 1px;
+}
+
+small.verysmall {
+ font-size: 10px;
}
-l
