CactusSMP/CactusMC-site
6
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

this is bouta look so ass

Browse Source
This commit is contained in:
Sequoia Haynes 2024-12-08 17:14:01 -08:00
parent a3fec1fe17
commit d7dd0929cf
2 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
about.html Normal file
View File

@ -0,0 +1,34 @@
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="/styles/index.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
<body>
<div id="navbarContainer">
<div id="navbar">
<p id="bigtext">CactusSMP</p>
<a>About</a>
<a>Play</a>
<a id="discord" href="https://discord.gg/2xHAsegC">Discord</a>
<div id="copyIp">
<button id="copyButton" type="button">
<i class="bi bi-clipboard-check-fill" id="copyIcon"></i>
</button>
<input type="text" readonly="true" value="Coming Soon!" id="ip"/>
</div>
<script src="/js/copy.js"></script>
</div>
</div>
<div id="aboutText">
<p>
CactusSMP is a Minecraft/Eaglercraft servr specializing in qiowjioqwe this server doesnt even exist what am i suposed to say
</p>
</div>
<div id="footer">
<p id="footerText">© CactusSMP Admins</p>
<div>
</body>
</html>

13
styles/index.css
View File

@ -44,6 +44,9 @@
body{ body{
margin:0; margin:0;
/* ask cactus for a nice background color (or if he just wants white) */ /* ask cactus for a nice background color (or if he just wants white) */
/* this ones jut some temporary shit i whipped up on a css gradient maker */
background: rgb(34,246,231);
background: linear-gradient(42deg, rgba(34,246,231,1) 0%, rgba(10,218,57,1) 46%, rgba(16,125,37,1) 100%);
} }
p { p {
color: white; color: white;
@ -86,3 +89,13 @@ input{
#discord{ #discord{
color: #5865F2 color: #5865F2
} }
#aboutText{
border-radius: 20px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
height: 70%;
width:90%;
z-index: 2;
}