From 76ce02d04caa4051098696deb895862ed8bee6a4 Mon Sep 17 00:00:00 2001 From: edwark43 <97860398+edwark43@users.noreply.github.com> Date: Thu, 6 Apr 2023 23:43:58 +0000 Subject: [PATCH] changed look and created about page (WIP) --- 500.html | 5 ++- 502.html | 4 +- assets/styles/main.css | 79 +++++++++++++++++++++++++++++++++------- assets/styles/navbar.css | 34 ----------------- index.html | 9 +---- p/about/index.html | 45 +++++++++++++---------- p/wip/index.html | 42 ++++++++++----------- 7 files changed, 118 insertions(+), 100 deletions(-) delete mode 100644 assets/styles/navbar.css diff --git a/500.html b/500.html index 6e3b14e..772ac08 100644 --- a/500.html +++ b/500.html @@ -36,7 +36,10 @@

500 Internal Server Error

- The server encountered an internal error and was unable to complete your request.
Try to refresh and see if that fixes the issue.
If not then try again later. + The server encountered an internal error and was unable to complete your + request.
+ Try to refresh and see if that fixes the issue.
If + not then try again later.

diff --git a/502.html b/502.html index dc6caef..699e796 100644 --- a/502.html +++ b/502.html @@ -35,8 +35,6 @@

502 Bad Gateway

-

- The server returned an incomplete request. -

+

The server returned an incomplete request.

diff --git a/assets/styles/main.css b/assets/styles/main.css index 2da7523..774384a 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -4,7 +4,7 @@ body { padding: px; - background: #868686; + background: #989898; margin: 0; overflow-x: hidden; font-family: sans-serif; @@ -27,6 +27,8 @@ body { #content-wrap { padding-bottom: 2.5rem; + margin-top: 15px; + margin-left: 20px; } #footer { @@ -82,22 +84,71 @@ body { } .material-symbols-rounded { - font-variation-settings: - 'FILL' 0, - 'wght' 700, - 'GRAD' 200, - 'opsz' 48 + font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 200, "opsz" 48; } -.materialtext{ +.materialtext { font-size: 19.2px; } .imglink { - width: 51.5px; - height: 51.5px; - background-color: rgb(255, 255, 255); - float: right; + width: 50px; + height: 50px; + margin-left: 10px; } .img { - width: 51.5px; - height: 51.5px; -} \ No newline at end of file + height: 50px; + width: 50px; +} +.about { + background-color: white; + width: 250px; + height: 250px; + border-radius: 50px; + float: right; + margin-right: 40px; +} +.aboutext { + font-size: x-large; + text-align: center; +} + +#aboutpg { + background-color: white; + width: 70%; + height: 100%; + border-radius: 25px; + float: left; +} +#pgt { + margin-left: 25px; + margin-right: 25px; +} +ul { + list-style-type: none; + margin: auto; + padding: auto; + overflow: hidden; + background-color: hsl(0, 0%, 0%); + width: 98%; + border-radius: 50px; + margin-top: 5px; +} + +li { + float: left; +} + +li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +li a:hover:not(.active) { + background-color: hsl(241, 85%, 18%); +} + +.active { + background-color: hsl(244, 100%, 52%); +} diff --git a/assets/styles/navbar.css b/assets/styles/navbar.css deleted file mode 100644 index 1e5a075..0000000 --- a/assets/styles/navbar.css +++ /dev/null @@ -1,34 +0,0 @@ -ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - background-color: hsl(0, 0%, 0%); - position: fixed; - top: 0; - width: 100%; -} - -li { - float: left; -} - -li a { - display: block; - color: white; - text-align: center; - padding: 14px 16px; - text-decoration: none; -} - -li a:hover:not(.active) { - background-color: hsl(241, 85%, 18%); -} - -.active { - background-color: hsl(244, 100%, 52%); -} - -body { - margin: 0px; -} \ No newline at end of file diff --git a/index.html b/index.html index 4eae86c..b486c1f 100644 --- a/index.html +++ b/index.html @@ -33,7 +33,6 @@ - @@ -46,13 +45,9 @@
  • WIP
  • WIP
    • -
  • WIP
    • +
  • WIP
    • -
    -
    -
    -   zuck -

      

    +

    diff --git a/p/about/index.html b/p/about/index.html index 5c73069..424a6dd 100644 --- a/p/about/index.html +++ b/p/about/index.html @@ -33,29 +33,34 @@ - -

    - Aliqua elit nostrud nulla esse dolor duis ad in. Laboris dolore in nulla - velit. Excepteur sint laborum cupidatat minim ex tempor laboris proident - amet sint cupidatat. Quis excepteur laboris voluptate enim ipsum laboris - eiusmod ex nostrud id ut aliquip. Officia sint minim labore mollit. Anim - nulla ea do eu sit. Est qui mollit cupidatat ullamco pariatur aliquip - laborum nisi labore commodo veniam. Dolor mollit minim et reprehenderit - excepteur ullamco proident reprehenderit aute aute ad. Anim officia - cupidatat occaecat Lorem ullamco do ex tempor. Labore do labore culpa - aliqua. Sint dolor proident eu Lorem ex. Elit eu nulla aliquip non sit - anim qui sunt reprehenderit ullamco. Sit nulla excepteur nulla irure - cupidatat cillum id. Eu magna ex sit cillum aute incididunt aliquip mollit - incididunt mollit exercitation. Et nulla dolor labore veniam esse eu culpa - ullamco laboris ut. Ut ex aliqua pariatur amet esse adipisicing velit - officia aliquip proident non. -

    - github +
    +
    + +
    +
    +

    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur vulputate orci vel posuere. In consectetur enim turpis, quis sagittis enim luctus sed. Maecenas scelerisque dignissim viverra. Cras ullamcorper dictum ultrices. Quisque iaculis consequat neque. Mauris ut lacus ut mi sodales iaculis quis hendrerit nunc. Sed volutpat accumsan leo, eget lacinia dui faucibus ut. Maecenas sagittis bibendum tellus, in egestas mi. Donec efficitur ex ipsum, a aliquam neque pellentesque id. Donec aliquam vitae purus non tincidunt. Integer sed semper ex. Maecenas faucibus lorem facilisis metus tempor, vitae rutrum quam iaculis. Quisque hendrerit eget est tristique cursus. Integer consectetur, velit non pulvinar semper, nunc enim dictum lacus, quis ultricies odio mauris sed lectus. Aliquam erat volutpat. Mauris id enim felis. Aliquam sollicitudin, nunc a sodales iaculis, ipsum nunc luctus quam, sed maximus sem magna sit amet nisl. Phasellus porta dui ac magna eleifend viverra. Aliquam sem ipsum, rutrum non vehicula nec, pellentesque a sapien. Nulla consequat mattis facilisis. Sed tincidunt, neque id euismod dictum, magna diam tempor lacus, vitae condimentum turpis lacus lobortis metus. Nam ut mattis mi. Donec et auctor sem, vitae feugiat nibh. Sed et efficitur ligula, feugiat fermentum elit. Cras vulputate pulvinar tincidunt. In bibendum dolor nec leo venenatis, in fermentum augue mattis. Mauris varius auctor tortor sed gravida. Ut diam nisl, interdum eu tellus quis, semper bibendum leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras tortor libero, congue nec risus sit amet, eleifend pretium lorem. Quisque justo enim, malesuada et eros vel, sollicitudin molestie nibh. Cras pulvinar ex id ligula convallis vestibulum. Pellentesque velit augue, consequat a ipsum at, elementum ullamcorper augue. Maecenas volutpat turpis in mauris congue rutrum. Vivamus ultricies diam sit amet tortor laoreet, in malesuada orci facilisis. Vestibulum justo diam, posuere vehicula mi vitae, fringilla malesuada felis. Sed vehicula nunc ut leo luctus, id commodo quam gravida. Donec at lacinia ex. Cras laoreet dui eget ex ultricies suscipit in id neque. Vestibulum consequat turpis quis eleifend condimentum. Nulla tortor tortor, aliquet vel urna ac, tincidunt tincidunt est. Vivamus vestibulum efficitur luctus. Praesent porttitor dolor euismod diam eleifend, porttitor pellentesque nisl dapibus. Nulla vitae magna blandit, lobortis elit vitae, lacinia lacus. In eget tempor eros. Curabitur scelerisque lorem lectus, et posuere augue dictum vel. Nunc mollis, nunc at rutrum tincidunt, ligula ipsum finibus mi, nec efficitur urna augue eget lacus. Praesent at arcu porta, pharetra arcu vehicula, tempus neque. Curabitur luctus risus a eros aliquam, et elementum elit dignissim. Quisque in dui porta, finibus nisl eu, pellentesque ante. Morbi ac rutrum quam. +

    +
    +
    +

    Links

    + github +
    +
    diff --git a/p/wip/index.html b/p/wip/index.html index b19cc4f..9a03b35 100644 --- a/p/wip/index.html +++ b/p/wip/index.html @@ -33,30 +33,30 @@ - -
    - -
    -
    -
    -

    WIP

    -

    This page is going to be worked on eventually.

    +
    +
    + +
    +

    WIP

    +

    This page is going to be worked on eventually.

    +
    +