Adds content to text

This commit is contained in:
Nye Evans 2022-02-20 15:51:52 +00:00
parent 874e1d9b39
commit aee54c2ffc
6 changed files with 94 additions and 14 deletions

BIN
images/profile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 602 KiB

BIN
images/profileTrans.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

View file

@ -8,21 +8,17 @@
</head>
<body>
<div id = "title">
<h1>about me</h1>
<h1>About Me</h1>
<a href = "../index.html">back</a>
</div>
<div id = "mainContent">
Im really cool and good and im a gamer and I make cool music and I want to make my cool music
for cool games and I like games I like your game let me make games for you please I wadf fto sssss
<br></br>
sdgsd asfasfsafasfas adfasfa wooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
ooooooooooooooooooooooooooooooooooooooooooooooooooo, FLIP YEASFGSDGSDGSDGX
<div class = "imageContainer"><img src = "../images/yoghurtMouse.jpg"></div>
look at this cool image, yoghurt is terrible but the mice are cool and adorable. Not as good as rats but close.
I fricking hate yoghurt, like, it literally has the word "hurt" in it. 0/10 whoever invented that stuff was definitely
into having some weird stuff. Like, did you realise that yoghurt has living bacteria in it? like wtf, why would you eat that??
there are scientists that trained the bacteria in yoghurt to work together to make noises and they made the yoghurt speak
thats flipping awful and I hate it
Hi, I'm Cole Waters, the main driving force behind Atlas_Cosmos. Atlas_Cosmos is the collective name for all the work I do as a composer, creating 8-bit electronic
music for video games.
<br><br>
My dad raised me as a musician, its something I've done my whole life and something I'd love to continue to do. [some stuff about your history]
<div class = "imageContainer"><img src = "../images/profile.png"></div>
[stuff about your school/qualifications and experience]
</div>
</body>
</HTML>

View file

@ -1,6 +1,7 @@
<HTML>
<head>
<link rel = "stylesheet" href = "../stylesheets/basics.css">
<link rel = "stylesheet" href = "../stylesheets/cv.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
@ -12,7 +13,46 @@
<a href = "../index.html">back</a>
</div>
<div id = "mainContent">
cv goes here
<div id = "cvBody">
<div id = "cvTop">
A musician with experience in kjhdfgoifd and fghjfdgojfd, I like making jnfdsokjsfd and ojifgjpifgds with a focus on dsfojifdsoji.
</div>
<div id = "cvLowerContainer">
<div id = "cvLower">
<div id = "cvHistory">
<h3>Education</h3>
2014-2019 -
Student at fgfdgsfdgfsd<br>
8 GCSEs grades 7-5<br><br>
2019-2021 -
Student at Ilkley Grammar School<br>
3 A-levels<br>
Psychology (grade)<br>
Politics (grade)<br>
Computer Science (grade)<br>
</div>
<div id = "cvSkills">
<h3>Skills</h3>
<ul>
<li>Experience with Logic</li>
<li>Experience with x software</li>
<li>Partial experience with y software</li>
<li>Experience playing x, y, z instruments</li>
<li>Basic understanding of programming concepts</li>
</ul>
</div>
</div>
<div id = "cvWork">
<h3>Work Experience</h3>
<ul>
<li>Made music for dnd campaign</li>
<li>Will make music for vibleo bame</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</HTML>

View file

@ -71,7 +71,7 @@
<!--
ok so to add a song, copy this and replace the things written in fullcaps
paste it underneath above here underneath the long line of dashes
paste it above here underneath the long line of dashes
<div class = "songTitle">SONG TITLE</div>
<div class = "audioPlayer">

44
stylesheets/cv.css Normal file
View file

@ -0,0 +1,44 @@
#cvBody
{
display: flex;
flex-direction: column;
}
#cvTop
{
border: solid 3px black;
padding: 10px;
margin-bottom: 3px;
}
#cvLowerContainer
{
border: solid 3px black;
}
#cvLower
{
padding: 10px;
display: flex;
align-content: stretch;
}
#cvHistory
{
text-align: left;
padding-left: 5%;
width: 50%;
}
#cvSkills
{
text-align: left;
width: 50%;
}
#cvWork
{
text-align: left;
padding-left: 6%;
padding-bottom: 20px;
}