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

make it look a bit better

Browse Source
This commit is contained in:
Sequoia Haynes 2024-12-02 18:31:59 -08:00
parent ac0111eb4a
commit 70925d02a9
2 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -5,7 +5,6 @@
<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">
<script src="/js/copy.js"></script>
</head>
<body>
<div id="navbarContainer">
@ -13,13 +12,14 @@
<p id="bigtext">CactusSMP</p>
<a>About</a>
<a>Play</a>
<a href="https://discord.gg/2xHAsegC">Discord</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="footer">

23
styles/index.css
View File

@ -6,8 +6,8 @@
flex-direction: row;
justify-content: center;
align-items: center;
width:90%;
height:15%;
width:100%;
height:100%;
}
#navbarContainer{
display: flex;
@ -15,36 +15,40 @@
height:17%;
justify-content: center;
align-items: center;
margin:10px;;
}
#navbar > a {
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
font-size: 20px;
text-decoration: none;
}
#bigtext{
font-size: 13px;
font-size: 25px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
color:#247909;
color:#1dc460;
}
#footer{
color:grey;
}
body{
margin:0;
/* ask cactus for a nice background color (or if he just wants white) */
}
p {
color: white;
font-style: "Raleway", "Arial", sans-serif;
font-family: "Raleway", "Arial", sans-serif;
}
#copyIp{
display: flex;
flex-direction: row;
height:15px;
margin-left:60px;
}
#copyIcon{
font-size:7px;
z-index: 2;
@ -59,8 +63,11 @@ p {
}
#ip{
height:15px;
width: 25px;
width: 100px;
}
input{
font-style: "Raleway", "Arial", sans-serif;
font-family: "Raleway", "Arial", sans-serif;
}
#discord{
color: #5865F2
}