DressOrc/Blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adds a dropdown menu for colour schemes and a dark mode

Browse source
This commit is contained in:
Rosia E Evans 2024-05-16 18:09:45 +01:00
parent f1c77852d2
commit 5c619f8fa4
11 changed files with 651 additions and 156 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
Resources/Output/Aardvark.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,59 +19,104 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>AardvarkXR</h1>
<h2>What it is</h2>
<p>Aardvark is a development framework, currently in alpha, designed to allow users to open small apps (known as gadgets) over the top of virtual reality programs or games. You could think of it as a mobile phone for use within
any vr software, its main focus is providing small utilities such as calculators or note taking apps. Developers can create apps for Aardvark using web code which it then renders over the users view, these renders can be 2D
or 3D which is a rather big positive as steamVR doesnt support 3D rendering on overlays so Aardvark has to do this itself. Due to all the code being webbased and run on servers, all gadgets are innately multi-user (with a small amount
of work from the developer) and when in social vr apps, people can open gadgets that will be seen by all other users within that program.</p>
<p>I was first introduced to Aardvark through a hackathon the developers ran on its inital release to the public in an attempt to gain developers to create basic apps for it, and since then I have periodically revisited it
when ideas for gadgets come to mind. When taking part in the first hackathon I had little to no experience with javascript or html, let alone typescript (the main language used for Aardvark development), so I was required
to teach myself over the course of the 3 days the hackathon ran for.</p>
<h2>Overview</h2>
<p>Aardvark was an open-source virtual reality project I joined and worked on for around 2 years between 2019 and 2021. I started out writing small add-ons for it and eventually ended up working with the main developer on creating core parts of the system.</p>
<h2>What is AardvarkXR?</h2>
<p><a href="https://github.com/aardvarkxr/aardvark">Aardvark</a> is a framework that allows users to open small apps (known as gadgets) over the top of other virtual reality programs. Its program agnostic so runs in any other app. You could think of it as a mobile phone for use within other VR applications. Its main focus is providing small utilities such as calculators or note taking apps. Developers can create apps for Aardvark using web code (React and Typescript) which it then renders over the users view. These renders can be 3D which is a big positive as most core VR systems don't support 3D rendering on overlays so Aardvark does this itself.</p>
<p>Due to all the code being web-based and run on servers, all gadgets are innately multi-user (with a small amount of work from the developer) and when in social VR apps, people can open gadgets that will be seen by all other users within that program using Aardvark.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/pux6RbySUMU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h2>What I did</h2>
<p>During the first hackathon I proposed and worked on an audio visualiser tool that would run in the background of the users environment as they worked, reacting to their desktop audio. I also designed and created 3D models for other
developers programs, such as icons for a playing card app; one of the first apps to be published on the platform.</p>
<p>Around 4 months later I revisited Aardvark to create a photo viewing app which was originally a personal project but became a team effort with another member of the community who offered
to join development, the app allowed users to upload images which were stored using ipfs (a decentralized storage system) and had multi-user functionality allowing different people to show each other photos. The main idea of the program was to allow vr artists to
open reference images within their prospective drawing apps.</p>
<h2>My Work</h2>
<p>I was first introduced to Aardvark through a hackathon the developers ran on its initial release. When taking part in this I had no experience with typescript or web development in general, so I was required to teach myself over the course of the 3 days.</p>
<p>I worked on an audio visualiser tool that ran in the background of users environments and also helped other developers, designing and creating 3D models for their work. One example of this was a set of icons I modelled for a playing card app (one of the first apps to be published on the platform).</p>
<hr>
<p>Around 4 months later I was working on some 3D art in VR and realised it would be really useful to be able to bring reference images into my VR space. I remembered Aardvark and revisited it to create a photo viewing app. This was originally a personal project but became a team effort with another member of the community who offered to join development.</p>
<p>The app allowed users to upload images which were stored using <a href="https://en.wikipedia.org/wiki/InterPlanetary_File_System">ipfs</a> and had multi-user functionality allowing different people to show each other photos.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/E3gw_GXHH1s" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>As well as this I have also worked on the base code of the project itself. Originally Aardvark had the user open its Ui through a button on their hand which took up valuable visual space used by alot of other programs.
I was tasked with creating a more intuitive solution which ended up being a gesture based system. With little to no guidance I had to read and gain a full understanding of the projects mid-level inner workings and
rewrite large sections of it. After a week or so I produced a gesture system that allowed the user to bump the ends of their controllers together to open and close the menu. I also created a developer tool to allow
developers to tweak the gesture to ensure it worked for their specific controllers.</p>
<p>After this I, found I was enjoying working with Aardvark and after talking to the main developer ended up working on the base code of the project itself.</p>
<p>Originally Aardvark had the user open its UI through a button on their hand which took up valuable visual space used by a lot of other programs.</p>
<p>I was tasked with creating a more intuitive solution which ended up being a gesture based system. With little to no guidance I had to read and gain a full understanding of the projects mid-level inner workings and
rewrite large sections of it. After a week or so I produced a gesture system that allowed the user to bump the ends of their controllers together to open and close the menu. I also created a developer tool to allow developers to tweak the gesture to ensure it worked for their specific controllers.</p>
<div style="display:flex; gap: 10px;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/9uG2HSavA1U" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/FzQcE9UeOao" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h2>Looking Back</h2>
<p>Aardvark slowly fizzled out as it went on, never gaining much traction from developers sadly. Although it did become somewhat known in the VR space for a while. The main developer moved on to other projects and after that it fell quiet. Although I'm less invested in VR development nowadays looking back I still feel like it had a lot of potential and I'm somewhat sad it didn't take off. I still use it when working on 3D models in VR but past that it doesn't see regular use.</p>
<p>Aardvark was my first open-source project and I feel that I learnt a lot from it. It helped me learn to prioritise what I did and didn't create pull requests for and ask for help around, showing me how valuable the main developers time was. In terms of project management it taught me a lot around prioritising my work and my communications when in busy, high stress teams.</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

74
Resources/Output/CatTowerDefence.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,34 +19,67 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>Tower defence game</h1>
<blockquote>
<p>This is an older post from my first personal website I created in secondary school, its yet to be re-written for this new website so expect varying degrees of quality</p>
</blockquote>
<h2>What it is</h2>
<p>A tower defence game, mostly created over the course of 1-2 months to allow myself and a friend to gain a better understanding of python. Players can place cats to attack balls of wool rolling along a path. Cats can
be upgraded with different upgrade paths and can be deleted to allow for a partial refund. The tower system was designed to be easily expanded and altered along with a rudimentary map file system that allowed users to
@ -55,6 +92,19 @@ evolved in complexity and scale.</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

74
Resources/Output/EPQProject.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,34 +19,67 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>EPQ Project</h1>
<blockquote>
<p>This is an older post from my first personal website I created in secondary school, its yet to be re-written for this new website so expect varying degrees of quality</p>
</blockquote>
<h2>What it is</h2>
<p>This project was completed for my Extended Project Equalification (also known as EPQ). During the EPQ, a student will pick a subject of their choice, research it and then either write a paper or create a piece of media
(an &quot;artefact&quot;) based on what they have learnt. For my subject I originally chose physics simulation as at the time I lacked confidence in maths and wanted to force myself to relearn and become more comfortable with it.
@ -57,6 +94,19 @@ very basic physics engine built in C++.</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

71
Resources/Output/MindMap.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,32 +19,62 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>Mind Map Maker</h1>
<p>This project was completed for my computer science A-level. Students had to find a client and create a program for them, I chose my sister and created software to help her revise for her GCSE's.
@ -72,6 +106,19 @@ finding myself weighing up the strengths and weaknesses of different libraries,
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

126
Resources/Output/SBSWork.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,65 +19,107 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>SBS Internship</h1>
<h2>What it is</h2>
<p>Inbetween my time at University and Post-16 I took a gap year where I interned at Skipton Building Society as a software tester. This was a paid 9 month internship where I waspushed for automated testing
with SmartBears TestComplete system and worked with their API team to ensure their software remained stable whilst they slowly worked through all their API's transitioning them from TIBCO to Azure.</p>
<p>I was also asked to research Gherkin and Behaviour Driven Development to see if it would be worth transitioning to, helped to run a coding club to educate other members of the Society and later set-up
the Society's standards for all their future automated testing.</p>
<h2>What I did</h2>
<p>I was initially hired to experiment with the idea of automating the Society's testing using SmartBear's TestComplete system. I taught myself a large portion of the tools over the course of a week
and then worked with one other collegue who came from a testing background to fully automate the UI testing of the Ds customer portal system.
From this we decided the tool may be worth using across the wider Society and worked with individual agile scrum teams to help them automate their testing. During this time I produced a presentation
on the inner workings of TestComplete and its benefits to the Society's senior developers convincing them of its worth. I also worked with my collegue to produce an educational talk, some tools and documentation
in order to educate other testers on the system and encourage widespread use.</p>
<p>After 3 months of working on TestComplete I was assigned to an Agile Hub in order to help them with their testing on the side whilst still working on TestComplete. This team was built to slowly
transition all of the societies APIs from TIBCO to Azure and my job was to ensure any software interacting with the API currently being replaced would still work when the team had finished. This was
done through large amounts of manual regression tests and a few automated tests where their work overlapped with my other TestComplete work. This was somewhat challenging for me to begin with as I had
little understanding of alot of the software I was testing and I found myself somewhat anxious when communicating with the team, however I slowly improved at this over time and ended up working with relative
efficiency. I did this through pushing myself to ask people questions and eventually reorganising my time by meeting with all the teams developers at the very start of an API development cycle to have a full
conversation with all of them on what needed to be tested and how rather than individually asking developers and having to compile the individual comments of each developer.</p>
<p>On the side of this I also ran a talk to teach testers the basics of javascript to increase the flexibility of their automated tests and later helped some lead developers to run a bi-weekly &quot;Coding Club&quot; to
educate testers on programming with C#. One of these lead developers also tasked me with researching into the testing language &quot;Gherkin&quot; and the concept of Behaviour Driven Development, I spent 2 months
experimenting with it on the side whilst doing my regular work and produced a presentation to them and a group of senior testers where I then facilitated more conversation on the viability of the system its
usefulness to the Society. I then organised regular meetings to continue the discussion.</p>
<article><h1>Skipton Building Society Internship</h1>
<h2>Overview</h2>
<p>During my gap-year I took an internship at <a href="https://www.skipton.co.uk/">Skipton Building Society</a> as a software tester. Initially my job was to experiment with the use of automated testing however I eventually ended up presenting this software to groups of senior developers and working to integrate it into the society's general workflow, moving between teams helping them implement it.</p>
<p>SBS requested that I stay after my internship and I still currently work remotely one day a week whilst at university, training testers in automation.</p>
<h2>The Start</h2>
<p>My initial internship was a paid 9 month role where I was given <a href="https://smartbear.com/product/testcomplete/">SmartBear's TestComplete system</a> to learn. The society hadn't integrated automated testing beyond unit tests into their workflow so were hoping to learn whether it was worth using.
I was paired with one other tester and we learnt the system and began using it to automate testing of the society's customer portal.</p>
<p>I found TestComplete a really nice system with a very user-friendly design for non-programmers and felt it would be a really good fit for the society. Within a month or so I started taking initiative to bring it to the attention of others, mentioning it to senior developers. One ended up organising a call with a larger collection of 20-30 and asking me to talk them through it.</p>
<p>I hosted and ran the call, showing the benefits and drawbacks of the system and getting the developers opinions and over-time we decided it was worth using. Licenses were bought and handed out and I began moving through scrum teams helping them integrate it into their work.</p>
<h2>Additional Actions</h2>
<p>On the side of this, I also did a number of other tasks:</p>
<ul>
<li>Researched <a href="https://cucumber.io/docs/gherkin/reference/">Gherkin</a>, a language designed to allow expected test outcomes to be written in a standardised manner. Which also presented to a number of developers and organised a number of meetings around, facilitating conversation around its uses.</li>
<li>Co-Ran a coding club to up-skill testers and make them more familiar with coding principles.</li>
<li>Produced a large quantity of documentation and educational resources learning and working with TestComplete and coding in a testing context in general.</li>
<li>Pushed for the society to set-up standards for all their future automated testing.</li>
</ul>
<h2>Skills Learnt</h2>
<p>Throughout this internship I feel that my social skills developed greatly, I got alot better at giving critisism, being willing to ask questions and admit I didnt understand things and developed my self-confidence.
I also learnt a large amount about Microsoft's Azure Cloud Systems and manual and automated testing. I also gained real experience of an Agile working environment which I greatly enjoyed and I developed a much
stronger understanding of APIs and back-end programming which I had never previously looked into.</p>
<p>Multiple times during my work there I was requested to stay as an apprentice rather than go to University, I did turn this offer down but I intend to work for them over summers and during my industry year at
University as I found it an incredibly friendly and safe feeling place with a really healthy culture. Their attitude towards change was very exciting to work in and multiple times I found I would make a mistake
and be worried my teams would be annoyed or upset only to find they wouldnt even consider it an issue and with zero negative responses they would just ask how they could help to fix it and help me plan a solution.</p>
<p>Throughout this internship I found that my social skills developed greatly. I got a lot better at giving criticism, being willing to ask questions and admitting I didn't understand things (all things I somewhat originally struggled with).</p>
<p>I also:</p>
<ul>
<li>Learnt a large amount around Microsoft's Azure Cloud Systems</li>
<li>Learnt the ins and outs of Manual and automated testing</li>
<li>Gained real world experience of an Agile working environment, which I greatly enjoyed.</li>
<li>Developed a much stronger understanding of APIs and back-end programming which I had never previously looked into.</li>
</ul>
<p>Multiple times during my work there I was requested to stay as an apprentice rather than go to University, I did turn this offer down but I still currently work there one day a week remotely and full time over summers.</p>
<p>I found SBS an incredibly friendly and safe feeling place with a really healthy culture. Their attitude towards change was very exciting to work in. Multiple times I found I would make a mistake and be worried my teams would be annoyed or upset only to find they wouldn't even consider it an issue and with zero negative responses they would just ask how they could help to fix it and work with me to plan a solution.</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

71
Resources/Output/TestFullArticle.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,32 +19,62 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>Example Post</h1>
<p>This is where a basic summary of the post would go if I wanted to add one</p>
@ -63,6 +97,19 @@ moomin</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

126
Resources/Output/Wireframe.css
View file

@ -1,5 +1,20 @@
body{
background-color: var(--back);
color: var(--text);
font-family: 'Courier New';
transition: background-color 0.5s, color 0.5s;
}
a{
color: var(--text);
}
h1{
color: black;
font-size: 1.7rem;
}
h2{
font-size: 1.5rem;
}
header{
@ -9,11 +24,24 @@ header{
main{
display: flex;
/*border-top: var(--text) dashed 3px;*/
}
article{
width: 60rem;
padding: 0 30px 0 30px;
}
nav{
margin-right: 5%;
width: 10%;
width: 12%;
/*border-right: var(--text) dashed 3px;*/
padding: 10px;
overflow: clip;
}
nav h1{
@ -22,17 +50,18 @@ nav h1{
nav h2{
font-size: 1rem;
margin-bottom: 0;
margin-bottom: 0; /*overwriting default h2 thing*/
}
article{
width: 40rem;
}
ul{
list-style-type: "- ";
}
article li{
margin-bottom: 5px;
}
pre
{
background-color: lightgray;
@ -40,7 +69,88 @@ pre
overflow: auto;
}
blockquote{
background-color: lightgray;
padding: 3px;
margin: 0;
}
blockquote p{
margin: 0;
}
img{
width: 100%;
width: 40%;
margin-top: 10px;
}
.contacts{
display: flex;
gap: 5px;
flex-wrap: wrap;
}
#contactsHeader{
margin-top: 30px;
}
.webring{
position: fixed;
bottom: 0;
left: 0;
margin: 5px;
}
.webring h2{
background-color: var(--back);
font-size: 1rem;
margin: 0;
}
.webringContent{
background-color: var(--back);
display: flex;
gap: 5px;
justify-content: space-between;
}
@media (only screen and orientation: portrait) {
body, h1, h2{
font-size: 2rem;
}
nav, nav h1, nav h2{
font-size: 1.5rem;
}
main{
flex-direction: column;
}
nav{
height: 20vh;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media (max-width: 600px) {
body {
font-size: 12px;
}
}
@media (max-width: 300) {
body {
font-size: WHATTpx;
}
}
}

31
Resources/Output/effects.css
View file

@ -1,10 +1,39 @@
a{
text-decoration: underline;
color: black;
color: var(--text);
}
a:visted{
color: black
}
a:hover{
font-weight: 600;
background-color: var(--accent);
color: var(--back);
padding: 1px;
}
::selection {
background-color: var(--accent);
color: var(--back);
}
::-moz-selection {
background-color: var(--accent);
color: var(--back);
}
::-o-selection {
background-color: var(--accent);
color: var(--back);
}
::-ms-selection {
background-color: var(--accent);
color: var(--back);
}
::-webkit-selection {
background-color: var(--accent);
color: var(--back);
}

110
Resources/Output/index.html
View file

@ -1,7 +1,11 @@
<html>
<head>
<link rel="stylesheet" href="Wireframe.css">
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
<body>
<header>
@ -15,56 +19,104 @@
<li><a href=/index.html>Welcome!</a></li>
<h2>Newer Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<h2>Major Work</h2>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/ThisSite.html>This Site</a></li>
<li><a href=/PlantCareV2.html>Plant System Work Gallery</a></li>
<li><a href=/Laptop.html>Self-built Laptop</a></li>
<h2>Minor Work</h2>
<li><a href=/CNCMachine.html>CNSelfie</a></li>
<li><a href=/Uno.html>SDL Uno</a></li>
<li><a href=/PlantSystem.html>Plant Watering System</a></li>
<li><a href=/SonicPiWork.html>Sonic-Pi and Algorave</a></li>
<h2>Older Work</h2>
<li><a href=/MindMap.html>Mind Map Maker</a></li>
<li><a href=/Aardvark.html>AardvarkXR</a></li>
<li><a href=/EPQProject.html>EPQ Project</a></li>
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
<h2>Thoughts And Essays</h2>
<li><a href=/permacomputing.html>Permacomputing</a></li>
<h2>Thoughts and Essays</h2>
<li><a href=/Permacomputing.html>Permacomputing</a></li>
<li><a href=/Livecoding.html>Live-Coding</a></li>
<h2>University</h2>
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
<li><a href=/SailBot.html>aberSailBot</a></li>
<li><a href=/aberCompSoc.html>AberCompSoc</a></li>
<li><a href=/RoboticsSociety.html>AberRoboticsSoc</a></li>
<li><a href=/SailBot.html>AberSailBot</a></li>
<h2>Useful Notes</h2>
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
<h2>Work Experience</h2>
<li><a href=/SBSWork.html>SBS Internship</a></li>
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
<h2 id="contactsHeader"> Contact Me: </h2>
<div class="contacts">
<a href="mailto:rosiaeevans@gmail.com">Email</a>
<a href="https://fosstodon.org/@Wi__Ro" rel="me">Mastodon</a>
</div>
<h2 id="contactsHeader"> My Work: </h2>
<div class="contacts">
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article><h1>Welcome!</h1>
<p>I'm Rosia Evans, this is my site where I log my work for myself and for me to show to others.</p>
<p>This site is generated procedurally from markdown though C++ code I've written and hosted using <a href="https://www.lighttpd.net/">lighttpd</a> on an old laptop through my router. You can find the code for it <a href="https://github.com/Wil-Ro/Blog">here</a> and a more indepth talk about it on <a href="/ThisSite.html">this blog post</a>.</p>
<hr>
<p>I'm currently studying at a small university in wales where I'm doing a BEng in software engineering whilst working on robotics and exploring my own interests on the side through various societies and personal projects.</p>
<img src="profile.jpeg" alt="image of me" style="width:50%">
<p>Nowadays my interests lie mostly in low-power computing and electronics, experimenting with how computers can work in a more environmentally friendly manner. I find the environment is something I think about a lot and finding overlaps between it and my interests in computing has lead me to some really intersting communities.</p>
<p>On the side of this I also enjoy using code to create music through programming using <a href="https://sonic-pi.net/">Sonic-Pi</a> and just creating programs in general with friends and colleagues. Most of my work can either be found in blog-posts here or on my <a href="https://github.com/Wil-Ro">github</a>.</p>
<p>I've previously had interests in VR and XR and UI design, spending a lot of my secondary school years experimenting with both concepts so both websites also have a few probjects relating to those concepts.</p>
<hr>
<p>If you want a basic outline of my work, here are a few interesting projects:</p>
<p>This is my site where I log my work for myself and for me to show to others.</p>
<blockquote>
<p>This site is generated procedurally from markdown though C++ code I've written. It's hosted using <a href="https://www.lighttpd.net/">lighttpd</a> on an old laptop through my router. You can find the code for it <a href="https://github.com/Wil-Ro/Blog">here</a> and a more in-depth talk about why I did that <a href="/ThisSite.html">here</a>.</p>
</blockquote>
<h2>Who I am</h2>
<p>I'm Rosia Evans, I'm a programmer currently studying at a small university in Wales whilst teaching myself to create robotics and exploring how we can use them in ways that help our environment.</p>
<p><img src="profile.jpeg" alt="image of me"></p>
<p>Most of my interests lie in using robotics and computers in farming, exploring how they could help produce more food in a sustainable manner. I feel that computers and automation really could help produce a green
world where people can easily afford the bare minimum and find themselves comfortable and happy.</p>
<p>My physical work involves:</p>
<ul>
<li><a href="/SBSWork.html">My Work at Skipton Building Society</a></li>
<li><a href="/aberComSoc.html">My Work running AberCompSoc</a></li>
<li><a href="/Aardvark.html">AardvarkXR</a></li>
<li>Learning how robotics can work in <a href="SailBot.html">real world environments</a></li>
<li>Experimenting with how we can use computers in <a href="Permacomputing.html">environmentally sustainable</a> ways,</li>
<li>Teaching myself to create <a href="ThisSite.html">low-power/high efficiency programs</a> and robotics,</li>
<li>Learning about ideas behind farming automation and how we can produce more food whilst keeping our methods sustainable, becoming an active member of communities such as <a href="https://goatech.org/">GOAT</a> and <a href="https://community.twistedfields.com/t/welcome-to-the-twisted-fields-community-forum/7">TwistedFields</a>,</li>
</ul>
<p>To see all of my work, check the navbox to the side.</p>
<p>&lt;-</p>
<h2>DISCLAMER! SITE STILL IN PROGRESS</h2>
<p>This is all a bit everywhere rn, the css will be given some frills at somepoint soon</p>
<p>I've been programming for most of my life. My main language is C++, but I also have multiple years of experience in C#, Python and Java and some loose experience in Typescript and C.</p>
<p>If you want an outline of my work, these are some things I'm really proud of:</p>
<ul>
<li><a href="SBSWork.html">My Previous Job</a></li>
<li><a href="PlantSystem.html">Plant Care System</a></li>
<li><a href="Laptop.html">Self-built Laptop</a></li>
</ul>
<p>To see all of my work, check the navbox</p>
</article>
</main>
<div>
<div class="webring">
<h2> Webrings </h2>
<div class="webringContent">
<a href="https://users.aber.ac.uk/evh14"><-</a>
<a href="https://fediring.net/"> aber_webring </a>
<a href="https://dannylarge144.github.io">-></a>
</div>
<div class="webringContent">
<a href="https://fediring.net/previous?host=rosia.me"><-</a>
<a href="https://fediring.net/"> fediring </a>
<a href="https://fediring.net/next?host=rosia.me">-></a>
</div>
</div>
</body>
</html>

5
Resources/Static/Wireframe.css
View file

@ -5,6 +5,7 @@ h1{
header{
font-size: 3rem;
margin-bottom: 2%;
width: min-content;
}
main{
@ -44,3 +45,7 @@ img{
width: 100%;
margin-top: 10px;
}
.webring{
background-color: white;
}

10
Resources/Templates/BlogPageTemplate.html
View file

@ -1,7 +1,9 @@
<html>
<head>
<link id="colors" rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="effects.css">
<link rel="stylesheet" href="Wireframe.css">
<script src="colorThemes.js"></script>
<title>Rosia Evans Homepage and Blog</Title>
<link rel="icon" href="willow.ico" type="image/x-icon"/>
</head>
@ -23,6 +25,14 @@
<a href="https://github.com/Wil-Ro">Github</a>
<a href="CV.pdf">CV</a>
</div>
<h2 id="contactsHeader"> Page Settings: </h2>
<div>
<select id="pageColor" onchange="updateColor()">
<option value="lightColors.css">Light</option>
<option value="darkColors.css">Dark/Low Contrast</option>
</select>
</div>
</nav>
<article>
</article>