diff --git a/canvas/index.html b/canvas/index.html index 42036ab..5ce1c18 100644 --- a/canvas/index.html +++ b/canvas/index.html @@ -19,6 +19,7 @@ + diff --git a/color/index.html b/color/index.html index 90df476..31a92f5 100644 --- a/color/index.html +++ b/color/index.html @@ -12,9 +12,11 @@ Color + + diff --git a/contact/index.html b/contact/index.html index 3b43ef2..641d5d6 100644 --- a/contact/index.html +++ b/contact/index.html @@ -18,8 +18,17 @@ + + + diff --git a/css.css b/css.css index af7de02..abaa0db 100644 --- a/css.css +++ b/css.css @@ -10,11 +10,11 @@ } } /* Main CSS */ -/* Header */ -header { - margin-top: 6rem; - color: white; - text-shadow: 2px 2px #363840; +aside { + float: left; + margin: 3rem 0 0 1rem; + display: inline-block; + width: 36%; } /* Google search */ #googleSearchBar { @@ -38,14 +38,14 @@ header { opacity: 0; top: 0px!important; } +/* Welcome */ +#welcome { + padding: 1rem; +} /* Clock */ #timeBox { - margin-top: 3rem; - display: inline-block; - margin-left: 1rem; - float: left; + margin-top: 2rem; padding: 1rem; - width: 36%; } .time { display: inline-block; @@ -55,47 +55,32 @@ header { font-size: 150%; } /* Footer */ -#footer { - margin-left: calc(50% - 45rem); - margin-top: 2rem; - height: 12rem; - display: inline-block; - margin-bottom: 2rem; -} -.footerBox::-webkit-scrollbar { +footer { + margin-top: 1rem; + float: left; + display: flex!important; + align-items: stretch; +} +footer div::-webkit-scrollbar { display: none; } -.footerBox { - height: 13rem; - display: inline-block; - float: left; +footer div { + flex-grow: 1; padding: 1rem; - margin-left: 2rem; + margin: 1rem; overflow: scroll; overflow-x: hidden; } /* Info blocks */ -#info { - width: 27rem; -} -#feedbackBox { - font-size: 1rem; - width: 27rem; -} -#feedbackTextarea { +footer div:nth-of-type(2) textarea { width: 98%; margin-top: 8px; height: 6rem; } -#feedbackSubmitButton { +footer div:nth-of-type(2) button { width: 98%; margin-top: 4px; } -#links { - width: 27rem; - padding: 1rem; - font-size: 130%; -} -#links a button { +footer div:nth-of-type(3) a button { margin-bottom: 5px; } diff --git a/downloads/index.html b/downloads/index.html index 96bae9e..4a61bef 100644 --- a/downloads/index.html +++ b/downloads/index.html @@ -22,6 +22,7 @@ + diff --git a/index.html b/index.html index 32545af..fa91374 100644 --- a/index.html +++ b/index.html @@ -18,43 +18,50 @@ - - + + - -
-


-

-
+ + - +
-
+

Youtube

 -
+

Magister

 -
+

Onedrive

 -
+

Codepanta

 -
+

Reddit

 -
+

Spotify

 -
+

W3Schools

 -
+

Maps

 -
+

Translate

 @@ -62,26 +69,26 @@
-