Designed a simple site for displaying the minecraft server info

This commit is contained in:
Gregory Ballantine 2021-08-24 15:45:00 -04:00
parent 662f4f6675
commit 0c7a998696
4 changed files with 68 additions and 48 deletions

View File

@ -11,23 +11,12 @@
</head>
<body>
<div id="wrapper" class="container">
<!-- main navigation bar -->
<div class="row">
<nav id="main-navigation" class="columns twelve">
<ul class="u-pull-left">
<li><a href="{% link index.markdown %}">Home</a></li>
<li><a href="{% link index.markdown %}">Updates</a></li>
<li><a href="{% link index.markdown %}">Server Info</a></li>
</ul>
<ul class="u-pull-right">
<li><a href="{{ site.links.bitgoblin }}">Bit Goblin</a></li>
<li><a href="{{ site.links.youtube_channel }}">YouTube</a></li>
<li><a href="{{ site.links.forum }}">Forum</a></li>
</ul>
</nav>
<div class="container">
<header class="row">
<div class="columns twelve">
<img src="https://i.imgur.com/XJQoBDx.png" alt="Minecraft logo" class="u-max-full-width">
</div>
</header>
<!-- main content -->
{{ content }}

View File

@ -2,6 +2,23 @@
layout: default
---
This is the home page.
<div class="row">
<div class="card columns four">
{{ content }}
</div>
{{ content }}
<div class="card columns four">
<p>Welcome to the official website for the Bit Goblin community Minecraft server. Anyone who wants to play here may play, and any future additions of worlds/realms will be noted here.</p>
<p>The only rule in play is to "be excellent to each other", but this will be revised as necessary.</p>
</div>
<div class="card columns four">
<h4>Bit Goblin Sites:</h4>
<ul class="other-sites">
<li><a href="https://www.bitgoblin.tech">Bit Goblin</a></li>
<li><a href="https://youtube.com/BitGoblin">YouTube</a></li>
<li><a href="https://forum.bitgoblin.tech">Forum</a></li>
</ul>
</div>
</div>

View File

@ -2,44 +2,49 @@
---
body{
padding-top: 25px;
background-image: url(http://i.imgur.com/cxd3JtU.png);
background-size: auto;
background-position: center center;
background: #000;
color: #eee;
font-size: 2rem;
font-size: 16px;
}
a{
color: #2ecc71;
text-decoration: none;
}
#wrapper{
padding: 25px 40px;
background: #212121;
}
#main-navigation{
background: #569045;
padding: 10px 15px;
box-shadow: 3px 3px 2px rgba(0, 0, 0, .4);
ul{
list-style: none;
margin: 0;
li{
display: inline-block;
margin: 0;
}
a{
padding: 10px 15px;
color: #fff;
font-weight: bold;
transition: color 300ms ease-in-out;
&:hover{
color: lighten(#000, 10%);
color: darken(#2ecc71, 10%);
}
}
table{
box-sizing: border-box;
width: 100%;
border: none;
tr{
&:not(:last-child){
td{
border-bottom: 1px solid white;
}
}
td{
border: none;
&:not(:last-child){
border-right: 1px solid white;
}
}
}
}
.card{
background: #212121;
padding: 15px 25px;
h4{
text-decoration: underline;
}
}
.other-sites{
list-style: none;
font-size: 3rem;
}

View File

@ -1,3 +1,12 @@
---
layout: home
---
#### Server #1
| --- | --- |
| Address | mc1.bitgoblin.tech |
| Port | 25565 |
| Version | 1.17.1 |
| Mode | Survival |
| Mods? | None (Vanilla) |