Added icons

This commit is contained in:
mathias 2018-04-26 15:20:54 +00:00
parent b78ed77921
commit 92cba54011
3 changed files with 46 additions and 8 deletions

View file

@ -3,6 +3,7 @@ description: Kaboom.pw is a multiplayer server for Minecraft that combines free
url: https://kaboom.pw url: https://kaboom.pw
exclude: exclude:
- build.sh
- Gemfile - Gemfile
- LICENSE - LICENSE

View file

@ -1,20 +1,40 @@
--- ---
layout: default layout: default
--- ---
<h1>{{ site.title }}</h1> <h1>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M440.5 88.5l-52 52L415 167c9.4 9.4 9.4 24.6 0 33.9l-17.4 17.4c11.8 26.1 18.4 55.1 18.4 85.6 0 114.9-93.1 208-208 208S0 418.9 0 304 93.1 96 208 96c30.5 0 59.5 6.6 85.6 18.4L311 97c9.4-9.4 24.6-9.4 33.9 0l26.5 26.5 52-52z" fill="#555"/><path d="M500 60h-24c-6.6 0-12 5.4-12 12s5.4 12 12 12h24c6.6 0 12-5.4 12-12s-5.4-12-12-12zM440 0c-6.6 0-12 5.4-12 12v24c0 6.6 5.4 12 12 12s12-5.4 12-12V12c0-6.6-5.4-12-12-12zM473.9 55l17-17c4.7-4.7 4.7-12.3 0-17-4.7-4.7-12.3-4.7-17 0l-17 17c-4.7 4.7-4.7 12.3 0 17 4.8 4.7 12.4 4.7 17 0zM406.1 55c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17l-17-17c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17zM473.9 89c-4.7-4.7-12.3-4.7-17 0-4.7 4.7-4.7 12.3 0 17l17 17c4.7 4.7 12.3 4.7 17 0 4.7-4.7 4.7-12.3 0-17z" fill="#AAA"/><path d="M78.99 258.006c13.983-41.563 37.743-66.445 85.133-86.552 9.837-4.173 20.108-6.387 20.108-17.073s-9.547-16.065-19.768-12.946C101.868 160.53 65.72 200.757 47.89 258.006c-3.177 10.202 2.12 20.788 12.806 20.788s14.885-10.66 18.292-20.788z" fill="#aaa"/>
</svg>
{{ site.title }}
</h1>
<p>{{ site.title }} is more than your regular free OP server for Minecraft. This public multiplayer server combines free OP with anarchy. Use powerful operator commands as much as you like, without having to worry about rules. Large plugins such as WorldEdit, CommandSpy and iControlU are available at any time.</p> <p>{{ site.title }} is more than your regular free OP server for Minecraft. This public multiplayer server combines free OP with anarchy. Use powerful operator commands as much as you like, without having to worry about rules. Large plugins such as WorldEdit, CommandSpy and iControlU are available at any time.</p>
<a href="https://discord.gg/UMGbMsU" class="button"> <a href="https://discordapp.com/invite/UMGbMsU" class="button">
<span>Chat on Discord</span> <span>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/>
</svg>
Chat on Discord
</span>
You can join the Kaboom.pw Discord server, where you can chat with other members from the server. You can join the Kaboom.pw Discord server, where you can chat with other members from the server.
</a> </a>
<a href="https://notabug.org/kaboom" class="button"> <a href="https://notabug.org/kaboom" class="button">
<span>Get Source Code</span> <span>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
</svg>
Get Source Code
</span>
Source code of custom Kaboom.pw plugins, as well as the website you're visiting now, is available. Source code of custom Kaboom.pw plugins, as well as the website you're visiting now, is available.
</a> </a>
<a href="/downloads/archive.zip" class="button"> <a href="/kaboom_archive.zip" class="button">
<span>Download Content</span> <span>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"/>
</svg>
Download Content
</span>
Feel free to download the schematics and worlds of the Kaboom.pw server. Worlds reset once a week. Feel free to download the schematics and worlds of the Kaboom.pw server. Worlds reset once a week.
</a> </a>

View file

@ -48,6 +48,14 @@ h2 {
h1 { h1 {
font-size: 3.000em; font-size: 3.000em;
} }
h1 svg {
top: 0.125em;
position: relative;
width: 1.000em;
height: 1.000em;
margin: 0 0.250em 0 0;
fill: #555;
}
h2 { h2 {
font-size: 2.125em; font-size: 2.125em;
} }
@ -58,6 +66,7 @@ p + h2 {
margin: 1.375em 0 0 0; margin: 1.375em 0 0 0;
} }
p { p {
font-size: 0.938em;
line-height: 1.625; line-height: 1.625;
margin: 1.000em 0; margin: 1.000em 0;
} }
@ -72,14 +81,14 @@ a:focus {
color: lighten($accentcolor, 15%); color: lighten($accentcolor, 15%);
} }
.button { .button {
background: $accentcolor; background: $accentcolor url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E") right 0.375em center/1.750em 1.750em no-repeat;
border-radius: 0.375em; border-radius: 0.375em;
color: $lightcolor; color: $lightcolor;
display: block; display: block;
font-size: 0.875em; font-size: 0.875em;
line-height: 1.625; line-height: 1.625;
margin: 2.250em 0 1.125em 0; margin: 2.250em 0 1.125em 0;
padding: 0.625em 1.000em; padding: 0.625em 2.500em 0.625em 1.000em;
} }
.button + .button { .button + .button {
margin: 0 0 1.125em 0; margin: 0 0 1.125em 0;
@ -103,6 +112,14 @@ a:focus {
margin: 0 0 0.125em 0; margin: 0 0 0.125em 0;
text-transform: uppercase; text-transform: uppercase;
} }
.button svg {
top: 0.188em;
position: relative;
width: 1.000em;
height: 1.000em;
margin: 0 0.375em 0 0;
fill: #fff;
}
@media print { @media print {
body { body {
padding: 0; padding: 0;