diff --git a/images/yoghurtMouse.jpg b/images/yoghurtMouse.jpg new file mode 100644 index 0000000..debfc76 Binary files /dev/null and b/images/yoghurtMouse.jpg differ diff --git a/index.html b/index.html index cb42b96..80571b9 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,11 @@ - + - + +

@@ -14,11 +15,21 @@ a game composer

+ +
+ email me + | + twitter + | + cv + | + 07969696969
\ No newline at end of file diff --git a/my-work.css b/my-work.css deleted file mode 100644 index 8208720..0000000 --- a/my-work.css +++ /dev/null @@ -1,19 +0,0 @@ -html -{ - font-family: 'VT323', monospace; - background-color: rgb(43, 80, 201); - color: rgb(0, 0, 0); -} - -h1 -{ - margin-left: 10vw; - margin-top: 10vh; -} - -audio -{ - background-color: rgb(43, 80, 201); - border-radius: 0px; -} - diff --git a/pages/about-me.html b/pages/about-me.html new file mode 100644 index 0000000..77dbfe6 --- /dev/null +++ b/pages/about-me.html @@ -0,0 +1,28 @@ + + + + + + + + + +
+

about me

+ back +
+
+ 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 +

+ sdgsd asfasfsafasfas adfasfa wooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo + ooooooooooooooooooooooooooooooooooooooooooooooooooo, FLIP YEASFGSDGSDGSDGX +
+ 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 +
+ + \ No newline at end of file diff --git a/pages/contact-me.html b/pages/contact-me.html new file mode 100644 index 0000000..b11cf4b --- /dev/null +++ b/pages/contact-me.html @@ -0,0 +1,21 @@ + + + + + + + + + +
+

contact me

+ back +
+
+ email me: coolKid@email.com + cv + phone: 076969696969 + twitter +
+ + \ No newline at end of file diff --git a/pages/cv.html b/pages/cv.html new file mode 100644 index 0000000..0d720e7 --- /dev/null +++ b/pages/cv.html @@ -0,0 +1,18 @@ + + + + + + + + + +
+

Curriculum Vitae

+ back +
+
+ cv goes here +
+ + \ No newline at end of file diff --git a/my-work.html b/pages/my-work.html similarity index 74% rename from my-work.html rename to pages/my-work.html index 1eb817f..7f74296 100644 --- a/my-work.html +++ b/pages/my-work.html @@ -1,23 +1,25 @@ - - + + - + -

- My Work -

+
+

My Work

+ back +
+
two trucks having sex
- +
- +
@@ -31,9 +33,9 @@
goodbye horses
- +
- +
@@ -47,9 +49,9 @@
rats birthday mixtape
- +
- +
diff --git a/audioPlayer.js b/scripts/audioPlayer.js similarity index 89% rename from audioPlayer.js rename to scripts/audioPlayer.js index a3947e9..1c1770e 100644 --- a/audioPlayer.js +++ b/scripts/audioPlayer.js @@ -13,7 +13,7 @@ function convertTime(timeInSec) function updateSliderBg(slider) { var value = (slider.value-slider.min)/(slider.max-slider.min)*100 - slider.style.background = 'url("images/bar.png"), linear-gradient(to right, #000000 0%, #000000 ' + value + '%, transparent ' + value + '%, transparent 100%)' + slider.style.background = 'url("../images/bar.png"), linear-gradient(to right, #000000 0%, #000000 ' + value + '%, transparent ' + value + '%, transparent 100%)' } Array.prototype.forEach.call(audioList, audio => { @@ -50,7 +50,7 @@ Array.prototype.forEach.call(audioList, audio => { audioElement.addEventListener("ended", event => { event.target.currentTime = 0 - event.target.parentElement.getElementsByClassName("playButton")[0].children[0].src = "images/play.png" + event.target.parentElement.getElementsByClassName("playButton")[0].children[0].src = "../images/play.png" }) // set the play button @@ -58,12 +58,12 @@ Array.prototype.forEach.call(audioList, audio => { if (event.target.parentElement.parentElement.parentElement.getElementsByClassName("audioElement")[0].paused) { event.target.parentElement.parentElement.parentElement.getElementsByClassName("audioElement")[0].play() - event.target.src = "images/pause.png" + event.target.src = "../images/pause.png" } else { event.target.parentElement.parentElement.parentElement.getElementsByClassName("audioElement")[0].pause() - event.target.src = "images/play.png" + event.target.src = "../images/play.png" } }) }); diff --git a/scripts/contactme.js b/scripts/contactme.js new file mode 100644 index 0000000..a4e0822 --- /dev/null +++ b/scripts/contactme.js @@ -0,0 +1,13 @@ +function toggleContact(button) +{ + if (button.innerHTML == "contact me") + { + button.innerHTML = "back" + document.getElementById("contactBar").style = "font-size: 1rem;" + } + else + { + button.innerHTML = "contact me" + document.getElementById("contactBar").style = "font-size: 0;" + } +} \ No newline at end of file diff --git a/pageLoadAnim.js b/scripts/pageLoadAnim.js similarity index 100% rename from pageLoadAnim.js rename to scripts/pageLoadAnim.js diff --git a/titlePageLoadAnim.js b/scripts/titlePageLoadAnim.js similarity index 100% rename from titlePageLoadAnim.js rename to scripts/titlePageLoadAnim.js diff --git a/audio.css b/stylesheets/audio.css similarity index 96% rename from audio.css rename to stylesheets/audio.css index f0c47f7..a523421 100644 --- a/audio.css +++ b/stylesheets/audio.css @@ -32,7 +32,7 @@ width: 100%; height: 10px; background:rgb(43, 80, 201); - background-image: url("images/bar.png"); + background-image: url("../images/bar.png"); outline: none; -webkit-transition: .2s; transition: opacity .2s; diff --git a/stylesheets/basics.css b/stylesheets/basics.css new file mode 100644 index 0000000..7e7ac6b --- /dev/null +++ b/stylesheets/basics.css @@ -0,0 +1,63 @@ +html +{ + font-family: 'VT323', monospace; + background-color: rgb(43, 80, 201); + color: rgb(0, 0, 0); +} + +body::-webkit-scrollbar +{ + display: none; +} + +#title +{ + margin-left: 10vw; + margin-top: 10vh; +} + +#mainContent +{ + margin: 20vw; + margin-top: 4vh; + margin-bottom: 10vw; + text-align: center +} + +img +{ + width: 100%; + height: 100%; +} + +.imageContainer +{ + width: 25vw; + height: 25vw; + object-fit: contain; + margin: auto; + border: solid black 5px; + padding: 3px; + + margin-top: 3vw; + margin-bottom: 3vw; +} + +h1 +{ + margin-bottom: 5px; +} + +a:visited, a:link +{ + text-decoration: none; + color: black; + transition: background-color 0.5s, color 0.5s; +} + +a:hover +{ + background-color: black; + color: rgb(43, 80, 201); +} + diff --git a/mainpage.css b/stylesheets/mainpage.css similarity index 77% rename from mainpage.css rename to stylesheets/mainpage.css index 304a5e1..7f8852c 100644 --- a/mainpage.css +++ b/stylesheets/mainpage.css @@ -2,6 +2,7 @@ html { font-family: 'VT323', monospace; background-color: rgb(43, 80, 201); + overflow: hidden; } a:link, a:visited @@ -29,8 +30,7 @@ h2 #menu -{ - height: 50px; +{ text-align: center; display: flexbox; font-size: 0; @@ -39,13 +39,23 @@ h2 transition: font-size 1s; } -#menu a +a { transition: background-color 0.5s, color 0.5s; } -#menu a:hover +a:hover { background-color: black; color: rgb(43, 80, 201); +} + +#contactBar +{ + text-align: center; + display: flexbox; + justify-content: center; + font-size: 0; + + transition: font-size 1s; } \ No newline at end of file