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> </head>
<body> <body>
<div id="wrapper" class="container"> <div class="container">
<!-- main navigation bar --> <header class="row">
<div class="row"> <div class="columns twelve">
<nav id="main-navigation" class="columns twelve"> <img src="https://i.imgur.com/XJQoBDx.png" alt="Minecraft logo" class="u-max-full-width">
<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> </div>
</header>
<!-- main content --> <!-- main content -->
{{ content }} {{ content }}

View File

@ -2,6 +2,23 @@
layout: default 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{ body{
padding-top: 25px; background: #000;
background-image: url(http://i.imgur.com/cxd3JtU.png);
background-size: auto;
background-position: center center;
color: #eee; color: #eee;
font-size: 2rem; font-size: 16px;
} }
a{ a{
color: #2ecc71;
text-decoration: none; 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; transition: color 300ms ease-in-out;
&:hover{ &: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 layout: home
--- ---
#### Server #1
| --- | --- |
| Address | mc1.bitgoblin.tech |
| Port | 25565 |
| Version | 1.17.1 |
| Mode | Survival |
| Mods? | None (Vanilla) |