From 9c10d6feb43eb4e25193ec50502a10ce6e4999b4 Mon Sep 17 00:00:00 2001 From: VictorCaproiu Date: Sat, 2 Mar 2024 17:35:30 +0200 Subject: [PATCH] Merged the stylesheets --- dog.html | 10 +++++----- script.js | 4 ++-- style.css | 24 +++++++++++++++++++++++- style2.css | 20 -------------------- 4 files changed, 30 insertions(+), 28 deletions(-) delete mode 100644 style2.css diff --git a/dog.html b/dog.html index 59984ff..7f10d21 100644 --- a/dog.html +++ b/dog.html @@ -2,16 +2,16 @@ Image processing - + - + -

Click the button to get a random dog image. It will automatically be flipped and greyscaled!

+

Click the button to get a random dog image. It will automatically be flipped and greyscaled!

Go Back Go Back -

-

+

+

\ No newline at end of file diff --git a/script.js b/script.js index 2f6ca00..5c74c4e 100644 --- a/script.js +++ b/script.js @@ -72,7 +72,7 @@ function mirrorImg() { ctx.putImageData(imageData, 0, 0); var stop = Date.now(); var num = stop-start; - mirrorTimer.innerHTML = "Timpul de oglindire este: " + num + " ms"; + mirrorTimer.innerHTML = "Mirror time: " + num + " ms"; } function greyscaleImg(){ @@ -96,7 +96,7 @@ function greyscaleImg(){ var stop = Date.now(); var num = stop-start; - grayTimer.innerHTML= "Timpul de procesare alb/negru este: " + num + " ms"; + grayTimer.innerHTML= "Grayscale time: " + num + " ms"; } async function start() { diff --git a/style.css b/style.css index 9405fd0..6d803bb 100644 --- a/style.css +++ b/style.css @@ -131,4 +131,26 @@ footer{ display: flex; background-color: white; padding: 20px; -} \ No newline at end of file +} + +/* dog api page styles */ +#dog_body{ + background: black; +} +#canvas{ + border: 3px solid white; + top: 50%; + left: 50%; + position: absolute; + transform: translate(-50%,-50%); + max-width: 70%; +} +#back_b{ + position: absolute; + left: 20px; + bottom: 20px; +} +.dog_p{ + color: white; +} + diff --git a/style2.css b/style2.css deleted file mode 100644 index 8e0cb3b..0000000 --- a/style2.css +++ /dev/null @@ -1,20 +0,0 @@ -body{ - background: black; -} -#canvas{ - border: 3px solid white; - top: 50%; - left: 50%; - position: absolute; - transform: translate(-50%,-50%); - max-width: 70%; -} -#back_b{ - position: absolute; - left: 20px; - bottom: 20px; -} -p{ - color: white; -} -