Skip to content

Commit

Permalink
Started redesign (things will be broken)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Supraboy981322
Supraboy981322 authored Sep 20, 2023
1 parent 101af27 commit 67c06bc
Show file tree
Hide file tree
Showing 6 changed files with 102 additions and 402 deletions.
235 changes: 0 additions & 235 deletions Styles/Homepage-stylesheet-1.css
View file

This file was deleted.

22 changes: 0 additions & 22 deletions Styles/Homepage-stylesheet-2.css
View file

This file was deleted.

108 changes: 0 additions & 108 deletions Styles/stylesheet.css
View file

This file was deleted.

70 changes: 33 additions & 37 deletions home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,49 +2,45 @@
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://supraboy981322.github.io/Styles/Homepage-stylesheet-1.css">
<link rel="stylesheet" href="https://supraboy981322.github.io/Styles/Homepage-stylesheet-2.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
</style>
<body style="background-color:white">
<div class="hs1-main" style="padding-top:42px;">
<div>
<h1 style="text-align:center;color:teal"><b>Welcome to Zane's website</b></h1>
</div>
</div>
<div style="margin:20px;border-radius:25px;background-color:azure;outline: solid black">
<br>
<h2 style="color:red;text-align:center;border-radius:25px;margin-left:25%;margin-right:25%;background-color:white;outline: solid black">What is this website?</h2>
<p style="margin:20px">This website is Home of all things about me, Zane Sanders. I created this website at the age of 16. I plan to house the majority of my internet footprint here, on this very website. This website will have many things I publish to the Internet. It will store everything from my YouTube
videos to my resume.</p>
<style src="/styles/stylesheet.css"></style>
<body>
<div class="hs1-main">
<div>
<h1 class="pageTitle"><b>Welcome to Zane's website</b></h1>
</div>
<br>
</div>
<br>
<div style="margin:20px;border-radius:25px;background-color:azure;outline: solid black">
<div class="text box">
<br>
<h1><strong>NOTICE</strong></h1>
<p><strong>I am currently redesigning the UI of my website. SOME THINGS WILL BE BROKEN!!! Please disregard issues and broken UI for the time being. Sorry for the inconvience.</strong></p>
<br>
</div>
<div class="textBox">
<br>
<h2>What is this website?</h2>
<p>This website is Home of all things about me, Zane Sanders. I created this website at the age of 16. I plan to house the majority of my internet footprint here, on this very website. This website will have many things I publish to the Internet. It will store everything from my YouTube videos to my resume.</p>
<br>
</div>
<br>
<h2 style="color:red;text-align:center;border-radius:25px;margin-left:25%;margin-right:25%;background-color:white;outline: solid black">Who am I?</h2>
<p style="margin:20px">I'm Zane Sanders, a 16-year-old from the USA who has interests in math, science, drawing, programming, and game development. I'm autistic and have ADHD. Although people have told me that I'm smart and capable of achieving great things, I'm unsure
of what those "great things" might be. Some people compare me to famous individuals such as Einstein, Bill Gates, Steve Jobs, Paul Allen, and even the many stories of Elon Musk's teenage years. I have many ideas, but I struggle to write them down before forgetting them.
I am uncertain about my future career path but I'm interested in technology and currently considering web development and hardware engineering.</p>
<div class="textBox">
<br>
<h2>Who am I?</h2>
<p>I'm Zane Sanders, a 16-year-old from the USA who has interests in math, science, drawing, programming, and game development. I'm autistic and have ADHD. Although people have told me that I'm smart and capable of achieving great things, I'm unsure of what those "great things" might be. Some people compare me to famous individuals such as Einstein, Bill Gates, Steve Jobs, Paul Allen, and even the many stories of Elon Musk's teenage years. I have many ideas, but I struggle to write them down before forgetting them. I am uncertain about my future career path but I'm interested in technology and currently considering web development and hardware engineering.</p>
<br>
</div>
<br>
</div>
<br>
<div style="margin:20px;border-radius:25px;background-color:azure;outline: solid black">
<br>
<h2 style="color:red;text-align:center;border-radius:25px;margin-left:25%;margin-right:25%;background-color:white;outline:solid black">Easter Eggs</h2>
<p style="margin:20px"> Feel free to explore my website. I cannot confirm or deny the existence of easter eggs in this site. If there are easter eggs, they probably wouldn't be listed in the sitemap or the navigation menu, you would have to go to them manually
through the URL bar.</p>
<br>
</div>
<div class="textBox">
<br>
<h2>Easter Eggs</h2>
<p>Feel free to explore my website. I cannot confirm or deny the existence of easter eggs in this site. If there are easter eggs, they probably wouldn't be listed in the sitemap or the navigation menu, you would have to go to them manually through the URL bar.</p>
<br>
</div>
</div>
<!-- Footer -->
<footer id="myFooter" style="padding:5px;background-color:#50a1a1;height:50px">
<footer>
<div>
<h4 style="text-align:center;"><b>End of page</b></h4>
<h4><b>End of page</b></h4>
</div>
</footer>
</div>
</body>
</html>
0 ...s/search-in-an-html-iframe-stylesheet.css → ...s/search-in-an-html-iframe-stylesheet.css
View file
File renamed without changes.
69 changes: 69 additions & 0 deletions styles/stylesheet.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
html,body,h1,h2,h3,h4,h5,h6 {
font-family: "Roboto", sans-serif;
}

.hs1-main {
padding-top: 42px;
}

body {
background-image: url('https://cdn.wallpaperhub.app/cloudcache/d/8/b/8/1/5/d8b815377a7beec652aca711aec972d2876fcaca.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}

.textBox {
background: rgba(255,255,255,0.40);
backdrop-filter: blur(3px);
border-radius: 14px;
margin: 20px;
border-radius: 25px;
padding: 10px;
}

.textBox h2 {
background: rgba(192,243,252,0.1);
backdrop-filter: blur(3px);
border-radius: 14px;
border-radius: 25px;
color: red;
text-align: center;
border-radius: 25px;
margin-left: 25%;
margin-right: 25%;
padding: 12px;
}

.textBox p {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}

.pageTitle {
horizontal-positon: middle;
text-align: center;
background: rgba(192, 243, 252, 0.55);
backdrop-filter: blur(3px);
overflow: hidden;
border-radius: 14px;
margin: auto;
padding: 12px;
width: 70%;
}

footer {
margin: 5px 15px 20px 15px;
padding: 2px;
padding-top: 3px;
background: rgba(192,243,252,0.1);
backdrop-filter: blur(3px);
border-radius: 14px;
border-radius: 25px;
}

footer h4 {
font-size: 20px;
text-align: center;
}

0 comments on commit 67c06bc

Please sign in to comment.