Added error message if missing argument.
Removed hard coded blog and atom templates. Removed resources folder to BlogPosts repo.
This commit is contained in:
parent
8c1b0e099b
commit
c3ba877c0e
46 changed files with 24 additions and 1657 deletions
12
MacroDefinitions.h
Normal file
12
MacroDefinitions.h
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
#pragma once
|
||||
|
||||
#define TEST_RESOURCE_FOLDER "${CMAKE_SOURCE_DIR}/Resources/Tests"
|
||||
#define RESOURCE_FOLDER "${CMAKE_SOURCE_DIR}/Resources"
|
||||
|
||||
#define SOURCE_FILE_FOLDER "${CMAKE_SOURCE_DIR}/Resources/Input"
|
||||
#define OUTPUT_FILE_FOLDER "${CMAKE_SOURCE_DIR}/Resources/Output"
|
||||
|
||||
#define STATIC_RESOURCES_FOLDER "${CMAKE_SOURCE_DIR}/Resources/Static"
|
||||
|
||||
#define SITE_WEB_URL "https://rosia.me"
|
||||
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
|
||||
# CNSelfie
|
||||
|
||||
This was my first project created at my univeristy's robotics society. Created as an interactive robot for kids coming to university open days,
|
||||
it would display a camera view and detect outlines then when a photo was taken with it it would generate gcode from these lines to direct
|
||||
the society's CNC machine to draw out what it saw. The idea being that kids could have drawings of themselves made by a robot they could take home.
|
||||
|
||||
It was finished over the course of two weeks in collaboration with a friend at the society.
|
||||
|
||||
## Overview
|
||||
The program worked using [OpenCV](https://opencv.org/). OpenCV would detect sharp edges and produce an black and white image, this would then by converted into a vector
|
||||
which was then converted into gcode as paths for the CNC machine. I found a [library](https://github.com/PadLex/SvgToGcode) for converting between vectors and gcode but found it didnt have all the functionality I needed
|
||||
so ended up adding alot of extra methods and rewriting a few of them.
|
||||
|
||||
This GCode was then sent by [Universal Gcode Sender](https://github.com/winder/Universal-G-Code-Sender) to our CNC machine.
|
||||
|
||||
## Gallery
|
||||
fkuck
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
|
||||
# This Site
|
||||
|
||||
This site is a small project I worked on over the course of a few weeks while first returning back to university during my second year. Its hosted on a small [lighttpd](https://www.lighttpd.net/) server running on an old laptop from around 2003. I wrote a small C++ program that takes in MarkDown files and builds them into webpages. Everytime the server turns on it pulls from a repo, builds the code and runs it, this then builds the website and puts them in a folder for lighttpd to host.
|
||||
|
||||
## The Thoughts Behind This
|
||||
|
||||
During my first year at university I read a lot around the concept of [Permacomputing](http://permacomputing.net/). This is a set of ideas around reusing old computers and writing small systems that avoid [code rot](https://en.wikipedia.org/wiki/Software_rot) and use as little power as possible.
|
||||
The driving idea behind this being that we've had computers that are powerful enough for most small jobs for quite a long time and realistically a lot of old e-waste is still perfectly good for these kind of small low-risk jobs and can be used in an eco-friendly way when worked with correctly. I'd been reading into Permacomputing for a decent while but never properly had the chance to experiment with my thoughts on it.
|
||||
|
||||
Along with that I'd also spent time doing a module in my first year on the history of the internet and found the www's origins really inspiring, the idea of a language/system that was easy for just about anyone to learn, that was incredibly simple but super flexible. When learning about this I'd kind of started to feel like we'd lost that part of the internet. Websites are always generated with insane complexity which feels almost unnecessary when we still have that simple flexible system its all built on top of. I wanted to try and use that simple system again, to experience it for myself but also as a nice homage to it.
|
||||
|
||||
## The Code
|
||||
I wanted the system to be as lightweight and fast as it could be, hopefully leading to a very power-efficient result. I decided to use C++ as it was my main language and was also very fast. I was planning on writing the server code myself but found lighttpd, a relatively old and incredibly light weight server program, as I was researching good libraries and it seemed much more efficient than any of the libraries I could find were benchmarked for so I decided to use that.
|
||||
|
||||
I initially planned to write a markdown parser and spent a day or two working on one, writing a [SAX-Style](https://en.wikipedia.org/wiki/Simple_API_for_XML) parser. I was unsure whether this was a workable idea for markdown but through thinking about it and planning how it would work I felt quite confident it would be much faster than a DOM parser. I soon found however that it would take most of my time up and I only wanted this to be a small project. I looked online and found [md4c][https://github.com/mity/md4c], a simple and insanely fast parser written in very low level c. It's benchmarks showed it could parse incredibly large documents in less than a millisecond which convinced me pretty quickly. It seemed much faster than any other option but also much simpler. After starting to implement this I discovered it actually parsed markdown text in the same SAX-Style system as I had planned to which made me very happy.
|
||||
|
||||
After discovering this I implemented it along with code to read the filesystem and combine the resulting html with a template. This took a few revisions as I wanted to make it as flexible and reusable as possible, making little to no assumptions about the template being given. By default the code searched for an empty `<article>` body and placed the generated html within it and a similar thing for the `<nav>` menu. This could then be overwritten by handing in other identifierss to look for.
|
||||
|
||||
The code would collect every markdown file, generate a nav menu summarising it then go through each page copying the template and adding that along with its matching markdown/html and writing it to a given file.
|
||||
|
||||
## The Hardware And Its OS
|
||||
A few months before this project, I found an old laptop in a "free to a good home" box outside someones house. It was very old and originaly ran windows vista but someone had tried to update it to windows 10 and broken it. I took it home as a chance to take it apart and mess around with it but in the end found myself needing a server for this project and this felt perfect.
|
||||
|
||||
The main difficulty however was its power-consumption. Its powerconsumption felt like it would be much higher than newly bought lightweight hardware such as a raspberry pi. I spent a lot of time weighing up the differences and decided to try the laptop and measure its power consumption over a length of time. I'm doing this at the moment and will update this section soon.
|
||||
|
||||
The other big issue I hit was the operating system. I wanted something as lightweight as possible with little to no un-needed features. This included everything from a desktop to masses of additional packages in things like stock ubuntu. I weighed up a few options including:
|
||||
- base debian
|
||||
- raspberry pi OS lite (very stripped down pi os)
|
||||
- arch
|
||||
|
||||
These each had their own issues, especially including my very minimal experience of linux outside of Pop!_OS which my main driver laptop runs. I was unsure what was included in base debian and what raspberry pi OS lite actually involved with little to know documentation or explanation of it online. I talked to a friend with more linux experience than I and he pointed me to [alpine linux](https://www.alpinelinux.org/). A massively stripped down linux distribution built specifically for lightweight servers and with its own package manager that offered a lighttpd install!
|
||||
|
||||
I decided to go for this very quickly as it seemed built specifically for the ideas I was wanting to test out, being incredibly minimalist and low-power.
|
||||
|
||||
## Alpine Linux
|
||||
Alpine Linux was my first non-ubuntu linux experience. I really enjoyed learning about it and found its documentation really helpful and detailed with almost everything I needed. The OS itself was really simple and friendly too which was very nice. I did find I was very suprised by what was and wasnt included as I slowly learnt what came from debian and what didnt. Alpine didnt have sudo, any sort of file transfer systems or any of bash's basic features and learning that these didnt exist then seeing the base programs they were built out of was really interesting (for example sudo seems like its just a complex wrapper for su, a command that switches users).
|
||||
|
||||
Alpine essentially, from a users perspective, is made of busybox (a very basic shell that I also found runs within ubuntu after a kernel panic) and openrc which just controls how background services run. These two programs did everything I needed with openrc managing lighttpd and busybox letting me interact with the os and running a startup script for me to pull from github and rebuild/run the C++ code.
|
||||
|
||||
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
|
||||
# AardvarkXR
|
||||
|
||||
## What it is
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
## What I did
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
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.
|
||||
|
||||
|
||||
<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>
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
|
||||
# Tower defence game
|
||||
|
||||
## What it is
|
||||
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
|
||||
add maps of their own design. Although a functional prototype was created, no artist was ever found to allow for a proper art pass or visual redesign so the project never left this first phase.
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/YUKdlVf9n30" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
|
||||
## What I did
|
||||
Almost all of the project was a team effort with I and my friend sharing ideas and working on the same code in a pair programming set-up, swapping and working off each others ideas. I proposed alot of the original logic behind the movement
|
||||
systems, the level select menu and the file structure for custom maps along with alot of the smaller features such as tower placement and selection. These proposals were built off by both myself and my partner as the system
|
||||
evolved in complexity and scale.
|
||||
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
|
||||
# EPQ Project
|
||||
|
||||
## What it is
|
||||
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 "artefact") 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.
|
||||
The idea of combining VR with this later came about in an attempt to make the project more modern so more primary research and testing could be done.<br><br>
|
||||
|
||||
The end result was a system that allowed the user to interact with a virtual environment with 6 degrees of freedom, they could pick up, move and throw objects with their fingers, hands and head being fully tracked to the
|
||||
real world. Due to time restraints, the physics simulation was released separately and, although fully capable of location and force calculation, could not take rotation of objects into account. The project was given a high A grade.
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/pSlHM0kMijA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
|
||||
## What I did
|
||||
Over the course of 4-5 months I researched and taught myself a large amount of vector maths, the basics of C++, the basics of physics engines, a large portion of Blender and Unreal Engines toolset,
|
||||
a small amount of 3D rendering theory and the basics of game design for virtual reality. Using this I created a fully functional VR interaction system with many custom made assets, materials and classes as well as a
|
||||
very basic physics engine built in C++.
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
|
||||
# Mind Map Maker
|
||||
|
||||
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.
|
||||
The software had to:
|
||||
- run on her £70 laptop
|
||||
- allow for files to be transfered between devices
|
||||
- allow actions to be undone and redone
|
||||
- be generic enough to work for any subject
|
||||
|
||||
At the time I was finding myself really interested in intuitive UI design so I also aimed to create a simple and unrestrictive system that I felt was easy to learn and use. Though I found I had to cut a lot of it for time constraints.
|
||||
|
||||
We were given 24 hours spread over 2 months to create the program and were allowed to choose our own langauges and frameworks.
|
||||
I chose to write the sofware in Unity as I wanted to learn a new engine and knew that unitys use of scenegraphs
|
||||
would let me avoud calculating the scaling and positioning of mind map components.
|
||||
|
||||
As one of the software requirements was to run on very low end computers I also had to ensure I was creating scripts that would run as efficiently as possible when compiled, so I ended up
|
||||
finding myself weighing up the strengths and weaknesses of different libraries, often choosing ones with drawbacks in favour of their lower usage of memory.
|
||||
|
||||
## The outcome
|
||||
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/qIV7RvNZ22c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
|
||||
The final system had a number of features:
|
||||
- Fully working undo/redo system
|
||||
- The ability to create and link text bubbles
|
||||
- The ability to import images
|
||||
- A drawing tool, along with options to optimise lines for slower pcs
|
||||
- A save and load system
|
||||
- A settings panel
|
||||
- The ability to navigate and magnify the mindmap
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
|
||||
# Example Post
|
||||
This is where a basic summary of the post would go if I wanted to add one
|
||||
|
||||
Normal text would then go here wow
|
||||
## A subheader would go here
|
||||
the info under the subheader would go here wow. Oh look! here comes a page break
|
||||
_______
|
||||
omg wow that worked! heres another:
|
||||
_______
|
||||
|
||||
code would go here like this
|
||||
```
|
||||
int main()
|
||||
{
|
||||
std::cout << "hello world!" << std::endl;
|
||||
}
|
||||
```
|
||||
## One last thing
|
||||
...
|
||||
moomin
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
|
||||
# Aber Robotics Soc
|
||||
The Aber Robotics Society is a small society of friends at my university who meet every wednesday in a robotics lab and work on their projects. I originally joined to learn basic electronics but found a lot of good friends there and a really nice sense of community.
|
||||
|
||||
While there I have learnt most of my knowledge of robotics and electronics and worked on a number of projects including a basic two wheeled remote control robot (my first project where I learnt the basics of electronics), a program that takes photos of people, converts the images to lines and g-code and sends them to a CNC machine that draws the images and a watering system for plants I keep at my house.
|
||||
|
||||
During my second year I have gained the role of quatermaster which leaves me in charge of the robotics cupboard where all of the societies older projects are left. I took the role hoping to archive the projects and build wikis for each project, encouraging members to document their work better for later members to come back to though this somewhat took a back seat as the president developed an amazing system that logs the owners of projects and peoples permissions for the projects using qr-codes and additionally we began to share more of our cupboard and its stored resources with additional societies.
|
||||
|
||||
## Projects
|
||||
This site documents a few different projects I've worked on whilst at the society, including:
|
||||
- [CNSelfie](/CNCMachine.html)
|
||||
- thats it
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
|
||||
# aberSailBot
|
||||
SailBot is a university society I joined in my first year. They build and race robot sailboats. I joined the society as it seemed like a really interesting challenge building robots that have to deal with the insane variety of variables the outside world offers. Especially in the ocean where you rely on those to move.
|
||||
|
||||
I spent the first year in a team of 3 building a small boat we called "floating point". We started from a polystyrene hull and had to do a number of steps to build it, none of which any of us had any experience with:
|
||||
- Coat the hull in resin
|
||||
- Build a sail
|
||||
- Design and 3d print parts
|
||||
- Write ESP32 code to run it using a digital compass and gps
|
||||
- Design a mechanism for its steering
|
||||
|
||||
We were building these along with other teams, the idea being at the end of the building period they would be tested and raced in a small still water pool near the local docks. By the end of the year only our team and one other had finished our boats so we tested them in a less competetive manner at the docks. Our boat failed to find a gps connection and was unable to said but the developer from the other team lent us his software which allowed remote control over wifi and that was used instead.
|
||||
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
|
||||
# aberCompSoc
|
||||
This year I have become president of my university's compting society or "aberCompSoc". The society is mostly a body to provide a space for students to program and meet other passionate programmers to share and work on projects with. Additionally to this we are also a branch of the [BVS](https://www.bcs.org/) who we often run events with including hosting talks from professionals with links to the universities and also "Show and Tell" events where programmers can run short talks about the work they've been doing.
|
||||
|
||||
My hope for the society is to provide the spaces coding clubs used to provide for the coding community at my old schools, where students would just sit and have conversations around their passions whilst also working on their projects and making friends they could work together with and feel comfortable around.
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
|
||||
# SBS Internship
|
||||
|
||||
## What it is
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
## What I did
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
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 "Coding Club" to
|
||||
educate testers on programming with C#. One of these lead developers also tasked me with researching into the testing language "Gherkin" 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.
|
||||
|
||||
## Skills Learnt
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
|
||||
# Welcome!
|
||||
I'm Rosia Evans, this is my site where I log my work for myself and for me to show to others.
|
||||
|
||||
This site is generated procedurally from markdown though C++ code I've written and hosted using [lighttpd](https://www.lighttpd.net/) on an old laptop through my router. You can find the code for it [here](https://github.com/Wil-Ro/Blog) and a more indepth talk about it on [this blog post](/ThisSite.html).
|
||||
_______
|
||||
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.
|
||||
|
||||
|
||||
<img src="profile.jpeg" alt="image of me" style="width:50%">
|
||||
|
||||
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.
|
||||
|
||||
On the side of this I also enjoy using code to create music through programming using [Sonic-Pi](https://sonic-pi.net/) 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 [github](https://github.com/Wil-Ro).
|
||||
|
||||
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.
|
||||
________
|
||||
If you want a basic outline of my work, here are a few interesting projects:
|
||||
- [My Work at Skipton Building Society](/SBSWork.html)
|
||||
- [My Work running AberCompSoc](/aberComSoc.html)
|
||||
- [AardvarkXR](/Aardvark.html)
|
||||
|
||||
To see all of my work, check the navbox to the side.
|
||||
|
||||
<-
|
||||
|
||||
|
||||
## DISCLAMER! SITE STILL IN PROGRESS
|
||||
This is all a bit everywhere rn, the css will be given some frills at somepoint soon
|
||||
|
|
@ -1,131 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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>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>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>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 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>
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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
|
||||
add maps of their own design. Although a functional prototype was created, no artist was ever found to allow for a proper art pass or visual redesign so the project never left this first phase.</p>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/YUKdlVf9n30" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<h2>What I did</h2>
|
||||
<p>Almost all of the project was a team effort with I and my friend sharing ideas and working on the same code in a pair programming set-up, swapping and working off each others ideas. I proposed alot of the original logic behind the movement
|
||||
systems, the level select menu and the file structure for custom maps along with alot of the smaller features such as tower placement and selection. These proposals were built off by both myself and my partner as the system
|
||||
evolved in complexity and scale.</p>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<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>
|
||||
|
|
@ -1,121 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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 "artefact") 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.
|
||||
The idea of combining VR with this later came about in an attempt to make the project more modern so more primary research and testing could be done.<br><br></p>
|
||||
<p>The end result was a system that allowed the user to interact with a virtual environment with 6 degrees of freedom, they could pick up, move and throw objects with their fingers, hands and head being fully tracked to the
|
||||
real world. Due to time restraints, the physics simulation was released separately and, although fully capable of location and force calculation, could not take rotation of objects into account. The project was given a high A grade.</p>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/pSlHM0kMijA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<h2>What I did</h2>
|
||||
<p>Over the course of 4-5 months I researched and taught myself a large amount of vector maths, the basics of C++, the basics of physics engines, a large portion of Blender and Unreal Engines toolset,
|
||||
a small amount of 3D rendering theory and the basics of game design for virtual reality. Using this I created a fully functional VR interaction system with many custom made assets, materials and classes as well as a
|
||||
very basic physics engine built in C++.</p>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<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>
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
header{
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
main{
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
section{
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
|
@ -1,133 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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.
|
||||
The software had to:</p>
|
||||
<ul>
|
||||
<li>run on her £70 laptop</li>
|
||||
<li>allow for files to be transfered between devices</li>
|
||||
<li>allow actions to be undone and redone</li>
|
||||
<li>be generic enough to work for any subject</li>
|
||||
</ul>
|
||||
<p>At the time I was finding myself really interested in intuitive UI design so I also aimed to create a simple and unrestrictive system that I felt was easy to learn and use. Though I found I had to cut a lot of it for time constraints.</p>
|
||||
<p>We were given 24 hours spread over 2 months to create the program and were allowed to choose our own langauges and frameworks.
|
||||
I chose to write the sofware in Unity as I wanted to learn a new engine and knew that unitys use of scenegraphs
|
||||
would let me avoud calculating the scaling and positioning of mind map components.</p>
|
||||
<p>As one of the software requirements was to run on very low end computers I also had to ensure I was creating scripts that would run as efficiently as possible when compiled, so I ended up
|
||||
finding myself weighing up the strengths and weaknesses of different libraries, often choosing ones with drawbacks in favour of their lower usage of memory.</p>
|
||||
<h2>The outcome</h2>
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/qIV7RvNZ22c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<p>The final system had a number of features:</p>
|
||||
<ul>
|
||||
<li>Fully working undo/redo system</li>
|
||||
<li>The ability to create and link text bubbles</li>
|
||||
<li>The ability to import images</li>
|
||||
<li>A drawing tool, along with options to optimise lines for slower pcs</li>
|
||||
<li>A save and load system</li>
|
||||
<li>A settings panel</li>
|
||||
<li>The ability to navigate and magnify the mindmap</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<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>
|
||||
|
|
@ -1,134 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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>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 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 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>
|
||||
|
|
@ -1,124 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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>
|
||||
<p>Normal text would then go here wow</p>
|
||||
<h2>A subheader would go here</h2>
|
||||
<p>the info under the subheader would go here wow. Oh look! here comes a page break</p>
|
||||
<hr>
|
||||
<p>omg wow that worked! heres another:</p>
|
||||
<hr>
|
||||
<p>code would go here like this</p>
|
||||
<pre><code>int main()
|
||||
{
|
||||
std::cout << "hello world!" << std::endl;
|
||||
}
|
||||
</code></pre>
|
||||
<h2>One last thing</h2>
|
||||
<p>...
|
||||
moomin</p>
|
||||
<p><img src="moomin.png" alt="moomin"></p>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<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>
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
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{
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
header{
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
main{
|
||||
display: flex;
|
||||
/*border-top: var(--text) dashed 3px;*/
|
||||
}
|
||||
|
||||
article{
|
||||
width: 60rem;
|
||||
padding: 0 30px 0 30px;
|
||||
|
||||
}
|
||||
|
||||
nav{
|
||||
width: 12%;
|
||||
|
||||
/*border-right: var(--text) dashed 3px;*/
|
||||
|
||||
padding: 10px;
|
||||
|
||||
overflow: clip;
|
||||
|
||||
}
|
||||
|
||||
nav h1{
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
nav h2{
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0; /*overwriting default h2 thing*/
|
||||
}
|
||||
|
||||
|
||||
ul{
|
||||
list-style-type: "- ";
|
||||
}
|
||||
|
||||
article li{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
pre
|
||||
{
|
||||
background-color: var(--accentBack);
|
||||
padding: 3px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
background-color: var(--accentBack);
|
||||
padding: 3px;
|
||||
margin: 0;
|
||||
}
|
||||
blockquote p{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 40%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
nav hr{
|
||||
margin-top: 30px;
|
||||
border-top: solid 1px var(--text);
|
||||
}
|
||||
|
||||
.contacts{
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#contactsHeader{
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
select {
|
||||
border: none;
|
||||
background: none;
|
||||
color: var(--text);
|
||||
transition: background-color 0.5s, color 0.5s;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
background-color: var(--accent);
|
||||
color: var(--back);
|
||||
}
|
||||
|
||||
|
||||
.webring{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.webring h2{
|
||||
font-size: 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.webringContent{
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
a{
|
||||
text-decoration: underline;
|
||||
color: var(--text);
|
||||
transition: background-color 0.5s, color 0.5s;
|
||||
}
|
||||
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);
|
||||
}
|
||||
|
|
@ -1,131 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/index.html>_</a></li>
|
||||
<li><a href=/About.html>About Me</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>
|
||||
<li><a href=/GreenOpal.html>Green Opal</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=/Camera.html>Camera Butchering/Revival </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=/EPQProject.html>EPQ Project</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>AberRoboticsSoc</a></li>
|
||||
<li><a href=/SailBot.html>AberSailBot</a></li>
|
||||
|
||||
|
||||
<h2>Useful Notes</h2>
|
||||
<li><a href=/UsenetPosts.html>UseNet Posts</a></li>
|
||||
<li><a href=/UnderstandingWavesharesEinkDrivers.html>Understanding Waveshare's E-Paper C Drivers</a></li>
|
||||
<li><a href=/ScribbledLine.html>Scribbled Line</a></li>
|
||||
<li><a href=/LinuxTroubleshooting.html>Linux Troubleshooting</a></li>
|
||||
|
||||
|
||||
<h2>Work Experience</h2>
|
||||
<li><a href=/SBSWork.html>Skipton Building Society Internship</a></li>
|
||||
|
||||
|
||||
<hr>
|
||||
<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"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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>_</h1>
|
||||
<p>Hi, I'm Rosia</p>
|
||||
<p>I'm a student into robotics, politics and environmentalism. I spend my time programming, repairing things and trying to balance my overly active social life along with it.</p>
|
||||
<p>The world stresses me out quite a bit and I want to help make it better, so I spend a lot of my time reading/thinking about politics or volunteering for activist groups. Most of my thoughts turn out to be off but I'm slowly getting there.</p>
|
||||
<p>I'm learning to value <strong>simplicity</strong>, <strong>community</strong> and <strong>things outside of infinite growth.</strong></p>
|
||||
<img src="profile.jpeg" alt="A photo of me, the photo has the quality of an old film camera, I'm wearing a red coat in a green area with trees and bushes in the background">
|
||||
<p>Things I'm proud of:</p>
|
||||
<ul>
|
||||
<li><a href="Laptop.html">Self-Built Laptop</a></li>
|
||||
<li><a href="Camera.html">Camera Repair</a></li>
|
||||
<li><a href="ThisSite.html">This Site</a></li>
|
||||
</ul>
|
||||
<p>My thoughts:</p>
|
||||
<ul>
|
||||
<li><a href="ScribbledLine.html">Scribbled Line</a></li>
|
||||
<li><a href="Permacomputing.html">Permacomputing</a></li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><a href="About.html">More about me</a></p>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<blockquote>
|
||||
<p>If you're not a fan of the light mode of this site, or want a lower contrast version for accessibility, you can alter the theme in "Page Settings" at the bottom of the nav bar.</p>
|
||||
</blockquote>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<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>
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="Wireframe.css">
|
||||
<link rel="stylesheet" href="effects.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<h1>Navigation</h1>
|
||||
|
||||
<li><a href=/CatTowerDefence.html>Tower defence game</a></li>
|
||||
<li><a href=/SailBot.html>aberSailBot</a></li>
|
||||
<li><a href=/index.html>Welcome!</a></li>
|
||||
<li><a href=/SBSWork.html>SBS Internship</a></li>
|
||||
<li><a href=/inputfile.html>Hello world!</a></li>
|
||||
<li><a href=/EPQProject.html>EPQ Project</a></li>
|
||||
<li><a href=/RoboticsSociety.html>Aber Robotics Soc</a></li>
|
||||
<li><a href=/ThisSite.html>This Site</a></li>
|
||||
<li><a href=/Aardvark.html>AardvarkXR</a></li>
|
||||
<li><a href=/MindMap.html>Mind Map Maker</a></li>
|
||||
<li><a href=/aberCompSoc.html>aberCompSoc</a></li>
|
||||
<li><a href=/TestFullArticle.html>Example Post</a></li>
|
||||
|
||||
</nav>
|
||||
<article><h1>Hello world!</h1>
|
||||
<p>this is a test of the cool markdown parser written by
|
||||
some random guy online who made a cool thing but seems kind
|
||||
of cringe</p>
|
||||
<h2>The guy</h2>
|
||||
<p>whats his name? minty or some shit idk</p>
|
||||
<h2>Lets run a tests</h2>
|
||||
<p>test*</p>
|
||||
<pre><code> print("oogyboogyman")
|
||||
</code></pre>
|
||||
<p>that should be formatted as code</p>
|
||||
<h2>One more test</h2>
|
||||
<ul>
|
||||
<li>a list</li>
|
||||
<li>wow</li>
|
||||
<li>truly amazing</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 385 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 350 KiB |
|
|
@ -1,12 +0,0 @@
|
|||
header{
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
|
||||
main{
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
section{
|
||||
margin-top: 3rem;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,51 +0,0 @@
|
|||
h1{
|
||||
color: black;
|
||||
}
|
||||
|
||||
header{
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2%;
|
||||
width: min-content;
|
||||
}
|
||||
|
||||
main{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
nav{
|
||||
margin-right: 5%;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
nav h1{
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
nav h2{
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
article{
|
||||
width: 40rem;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style-type: "- ";
|
||||
}
|
||||
|
||||
pre
|
||||
{
|
||||
background-color: lightgray;
|
||||
padding: 3px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.webring{
|
||||
background-color: white;
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
a{
|
||||
text-decoration: underline;
|
||||
color: black;
|
||||
}
|
||||
a:visted{
|
||||
color: black
|
||||
}
|
||||
a:hover{
|
||||
font-weight: 600;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB |
|
|
@ -1,16 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed rel="self" xmlns="http://www.w3.org/2005/Atom">
|
||||
|
||||
<title>Rosia Evans Blog</title>
|
||||
<link href="https://rosia.me/"/>
|
||||
<updated></updated>
|
||||
<author>
|
||||
<name>Rosia Evans</name>
|
||||
</author>
|
||||
<id>https://rosia.me/</id>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</feed>
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
<link id="colors" rel="stylesheet" href="lightColors.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>
|
||||
<a href="index.html">
|
||||
Rosia Evans
|
||||
</a>
|
||||
</header>
|
||||
<main>
|
||||
<nav>
|
||||
<hr>
|
||||
<h2 id="contactsHeader"> Contact Me: </h2>
|
||||
<div class="contacts">
|
||||
<a href="mailto:rosiaeevans@gmail.com">Email</a>
|
||||
<a href="https://cathode.church/@DressOrc" rel="me">Mastodon</a>
|
||||
</div>
|
||||
<h2 id="contactsHeader"> My Work: </h2>
|
||||
<div class="contacts">
|
||||
<a href="https://repos.rosia.me/DressOrc">Git Repos</a>
|
||||
<a href="CV.pdf">CV</a>
|
||||
</div>
|
||||
|
||||
<h2 id="contactsHeader"> Website Details: </h2>
|
||||
<div>
|
||||
<a href="feed.xml">rss/atom feed</a>
|
||||
<div>Page Theme:</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>
|
||||
</main>
|
||||
<div class="webring">
|
||||
<h2> Webrings </h2>
|
||||
<div class="webringContent">
|
||||
<a href="https://aberwebr.ing/rosia/left"><-</a>
|
||||
<a href="https://aberwebr.ing/"> aber_webring </a>
|
||||
<a href="https://aberwebr.ing/rosia/right">-></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>
|
||||
|
|
@ -1 +0,0 @@
|
|||
# hello world!
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
|
||||
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
|
||||
<h1>hello world!</h1>
|
||||
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<article>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
# Example Post
|
||||
This is where a basic summary of the post would go if I wanted to add one
|
||||
|
||||
Normal text would then go here wow
|
||||
## A subheader would go here
|
||||
the info under the subheader would go here wow. Oh look! here comes a page break
|
||||
_______
|
||||
omg wow that worked! heres another:
|
||||
_______
|
||||
|
||||
code would go here like this
|
||||
```
|
||||
int main()
|
||||
{
|
||||
std::cout << "hello world!" << std::endl;
|
||||
}
|
||||
```
|
||||
## One last thing
|
||||
...
|
||||
moomin
|
||||
|
||||
|
||||
|
||||
24
Src/blog.cpp
24
Src/blog.cpp
|
|
@ -1,9 +1,11 @@
|
|||
#include "MacroDefinitions.h"
|
||||
// #include "MacroDefinitions.h"
|
||||
|
||||
#include <string>
|
||||
#include <fstream>
|
||||
#include <cstring>
|
||||
#include <filesystem>
|
||||
#include <iostream>
|
||||
|
||||
|
||||
#include "Program.h"
|
||||
|
||||
|
|
@ -32,7 +34,10 @@ std::string getArgValue(int argc, char* argv[], std::string argIdString)
|
|||
if (strncmp(argId, argv[i], idValSplit) == 0)
|
||||
return std::string(argv[i]).substr(idValSplit+1, strlen(argv[i])-(idValSplit+1));
|
||||
}
|
||||
return "";
|
||||
|
||||
std::cout << "Missing argument!"; //the program exists if the value is 0
|
||||
std::cout << argIdString;
|
||||
exit(0);
|
||||
}
|
||||
|
||||
bool doesArgExist(int argc, char* argv[], std::string argIdString)
|
||||
|
|
@ -61,28 +66,23 @@ void copyFolderAndContents(std::string inUrl, std::string outUrl)
|
|||
int main(int argc, char* argv[])
|
||||
{
|
||||
std::string source = getArgValue(argc, argv, "-in=");
|
||||
if (source == "")
|
||||
source = SOURCE_FILE_FOLDER;
|
||||
std::string output = getArgValue(argc, argv, "-out=");
|
||||
if (output == "")
|
||||
output = OUTPUT_FILE_FOLDER;
|
||||
std::string stat = getArgValue(argc, argv, "-static=");
|
||||
if (stat == "")
|
||||
stat = STATIC_RESOURCES_FOLDER;
|
||||
std::string siteWebUrl = getArgValue(argc, argv, "-url=");
|
||||
if (siteWebUrl == "")
|
||||
siteWebUrl = SITE_WEB_URL;
|
||||
std::string blogTemplate = getArgValue(argc, argv, "-blogTemplate=");
|
||||
std::string atomTemplate = getArgValue(argc, argv, "-atomTemplate=");
|
||||
|
||||
|
||||
int flags = OptionFlags::NONE;
|
||||
if (doesArgExist(argc, argv, "-hide"))
|
||||
flags |= OptionFlags::HIDE_PRIVATE;
|
||||
|
||||
Program* program = new Program(source, output, RESOURCE_FOLDER "/Templates/BlogPageTemplate.html", RESOURCE_FOLDER "/Templates/AtomFeedTemplate.xml", siteWebUrl, flags);
|
||||
Program* program = new Program(source, output, blogTemplate, atomTemplate, siteWebUrl, flags);
|
||||
program->buildAll();
|
||||
|
||||
// pre-written pages and resources i.e. images
|
||||
copyFolderAndContents(stat, output);
|
||||
|
||||
std::cout << "Enjoy your website :)";
|
||||
}
|
||||
|
||||
// TODO: nav sections :eww:
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue