Cutieguwu/CutieWebsite
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working on adding scalability

Browse Source
This commit is contained in:
Cutieguwu
2023-06-12 07:56:05 -04:00
parent e1e2663207
commit f7cf27270b
2 changed files with 66 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
Global_Resources/style.css
View File

@@ -36,12 +36,12 @@ p
.menubar ul a
{
float: left;
width: 200px;
height: 40px;
width: 10vw;
height: 2vw;
background-color: #5181ff;
line-height: 40px;
line-height: 2vw;
text-align: center;
font-size: 20px;
font-size: 1.03vw;
text-decoration: none;
color: white;
display: inline;
@@ -58,12 +58,12 @@ p
padding: 0;
list-style: none;
float: left;
width: 200px;
height: 40px;
width: 10vw;
height: 2vw;
background-color: #8800ff;
line-height: 40px;
line-height: 2vw;
text-align: center;
font-size: 20px;
font-size: 1.03vw;
display: inline;
}
@@ -80,7 +80,8 @@ p
background-color: #5181ff;
}
.dropdownContent a:hover {
.dropdownContent a:hover
{
background-color: #8800ff;
}
@@ -91,33 +92,32 @@ p
display: block;
}
.menubar-side
{
float: left;
width: 200px;
text-align: center;
color: white;
display: inline;
}
.menubar-side ul
{
float: left;
display: table;
margin: 0 auto;
width: 10vw;
margin-left: 2.5%;
line-height: 2vw;
display: inline;
position: relative;
}
.menubar-side ul a
{
float: left;
width: 200px;
height: 40px;
background-color: #5181ff;
line-height: 40px;
text-align: center;
font-size: 20px;
font-size: 1.03vw;
text-decoration: none;
color: white;
display: inline;
height: 2vw;
position: relative;
display: block;
}
.menubar-side ul a:hover
{
background-color: #8800ff;
}
.global-page-subtitle
@@ -125,12 +125,11 @@ p
color: white;
opacity: 1;
text-align: center;
margin-left: 20px;
margin-bottom: 10px;
width: fit-content;
position: relative;
border-radius: 5px;
background-color: #9e84ff;
margin-left: 1.5vw;
}
.global-page-subtitle p
@@ -144,33 +143,26 @@ p
.global-page-bg
{
margin-top: 50px;
margin-left: 300px;
margin-right: 250px;
max-width: 1300px;
min-width: fit-content;
align-self: center;
float: right;
margin-top: 4vw;
margin-right: 14.875%;
width: 68.25%;
background-color: #84a6ff;
opacity: 0.9;
z-index: 1;
border-radius: 10px;
position: relative;
}
.main-page-greet
{
float: right;
border-radius: 20px;
background-color: #84a6ff;
color: white;
opacity: 1 !important;
text-align: center;
margin-top: 50px;
margin-left: 300px;
margin-right: 250px;
max-width: 1300px;
min-width: fit-content;
padding-top: 1px;
padding-bottom: 1px;
position: relative;
margin-top: 2vw;
margin-right: 14.875%;
width: 68.25%;
}
.main-page-greet p
@@ -189,26 +181,28 @@ p
color: white;
opacity: 1 !important;
text-align: center;
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
max-width: 1200px;
min-width: fit-content;
margin-top: 2vw;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
padding-bottom: 1px;
position: relative;
width: 65vw;
}
.main-page-content
{
opacity: 1;
padding-top: 20px;
margin-left: 20px;
margin-right: 20px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
background-color: #9e84ff;
border-radius: 5px;
text-align: center;
width: 55vw;
}
.main-page-content p

76
home.html
View File

@@ -2,55 +2,34 @@
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="The Official Website for Bearock SMP">
<meta name="description" content="Cutieguwu's Official website">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="minecraft, minecraft bedrock, bearock, bearocksmp, bearock smp, mcbe, mc bedrock, bedrock edition, bedrock edition smp">
<title>Bearock SMP</title>
<link rel="stylesheet" type="text/css" href="./CSS/style.css">
<img class="titleimg" src="./Global_Resources/Bearock_SMP.png">
<h3 class="subtitle">A Private Survival Multiplayer Server</p>
<meta name="keywords" content="cutieguwu, 3d printing, cnc, laser engraving, video games, sewing, costumes, art">
<title>Cutieguwu - Home</title>
<link rel="stylesheet" type="text/css" href="./Global_Resources/style.css">
<img class="titleimg" src="">
<h3 class="subtitle">Welcome to my official site! Explore my projects!</p>
<nav>
<div class="menubar">
<ul>
<a href="">Home</a>
<a href="./Videos/videos.html">Videos</a>
<li class="dropdown">
<a href="./Members/member.html">Members</a>
<a href="./3D_Design/3d_design.html">3D Design</a>
<div class="dropdownContent">
<a href="./Members/Olive/member.html">Beartech</a>
<a href="./Members/TheEggYT/member.html">TheEggYT</a>
<a href="./Members/KatieKooky/member.html">KatieKooky</a>
<a href="./Members/EarthTuba/member.html">EarthTuba</a>
<a href="./Members/Puffy/member.html">Puffy</a>
<a href="./Members/Pancakes/member.html">Pancakes</a>
<a href="./Members/Pixeldragon/member.html">Pixeldragon</a>
<a href="./Members/DustyBoi/member.html">DustyBoi</a>
<a href="./3D_Design/3D_Printing/">3D Printing</a>
<a href="./3D_Design/CNC_Routing/">CNC Routing</a>
<a href="./3D_Design/Laser_Engraving/">Laser Engraving</a>
</div>
</li>
<li class="dropdown">
<a href="./About/Seasons/season.html">Seasons</a>
<a href="./Sewing/sewing.html">Sewing</a>
<div class="dropdownContent">
<a href="./About/Seasons/S0/season.html">Season 0</a>
<a href="./About/Seasons/S1/season.html">Season 1</a>
<a href="./About/Seasons/S2/season.html">Season 2</a>
<a href="./Sewing/Costume_Design/">Costume Design</a>
</div>
</li>
<li class="dropdown">
<a href="./Downloads/download.html">Downloads</a>
<div class="dropdownContent">
<a href="./Downloads/Worlds/download.html">Worlds</a>
<a href="./Downloads/Packs/download.html">Addons & Packs</a>
</div>
</li>
<li class="dropdown">
<a href="./Video_Gaming/video_gaming.html">Video Gaming</a>
<a href="./About/about.html">About</a>
<div class="dropdownContent">
<a href="./About/Rules/about.html">Rules</a>
<a href="./About/Software/about.html">Software</a>
<a href="./About/Uptime/about.html">When's it on?</a>
<a href="./About/Specs/about.html">Server Specs</a>
</div>
</li>
</ul>
</div>
</nav>
@@ -59,42 +38,27 @@
<div>
<div class="menubar-side">
<ul>
<a href="#News1">May. 20, 2022</a>
<a href="#News1">June 03, 2023</a>
<hr>
<a href="#News2">Apr. 21, 2022</a>
<hr>
<a href="#News3">Apr. 20, 2022</a>
<hr>
<a href="#News4">Apr. 19, 2022</a>
<hr>
<a href="#News5">Apr. 18, 2022</a>
<hr>
<a href="#News6">Apr. 17, 2022</a>
<hr>
<a href="#News7">Apr. 16, 2022</a>
<a href="#News1">June 03, 2023</a>
<hr>
</ul>
</div>
<div class="main-page-greet">
<p>Welcome to the Bearock SMP website! We are a few friends who play together too much on our spare time. Some of us make content on the side, others just play peacefully (Unless they have dealings with KatieKooky... You'll see soon enough what I mean. - Bear) On this site, you can find all kinds of information. Who owns the server (Me, Bear, BTW), all of our members (Active or Otherwise), their pronouns and any other information they may want to share. You can also find out about major events and builds of each season from the Seasons tab in the menu. For information and questions about the server, that can be found under the About tab.</p>
<p>Good Luck!</p>
<p>Welcome to my [Cutieguwu's] personal website! Everywhere you look, you'll find something new and interesting that I'm spending too much time on!</p>
<p>Have Fun!!</p>
</div>
<div class="global-page-bg">
<hr>
<div class="main-page-title">
<h2>~ Bearock SMP | News Feed ~</h2>
<h2>Latest Updates!!!</h2>
</div>
<hr>
<div class="main-page-content" id="News1">
<p>There's totally news here...</p>
<p>- Bear</p>
</div>
<div class="main-page-content" id="News2">
<p>There's totally news here too...</p>
<p>- Bear</p>
<p>I've started actual work on the website!</p>
</div>
<div class="global-page-subtitle">
<p>Website managed by Bear [Beartech]</p>
<p>Website managed by Olive [Cutieguwu]</p>
</div>
<hr>
</div>