Skip to content
Open
Show file tree
Hide file tree
Changes from 11 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 77 additions & 1 deletion assets/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -3278,4 +3278,80 @@ body.is-touch #banner {
margin: 0;
padding: 0;
}
}
}
*, *:before, *:after {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can't go copy-pasting CSS into a site like this, this is how you break things. We'll have to go over this and make sure it doesn't conflict with the rest of the file.

box-sizing: border-box;
}
.card {
background: #1f2124;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
border-radius: 5px;
margin: 50px 20px 20px 20px;
width: calc(33.3333% - 40px);
/* 1/3 minus the margins (20+20) */
padding: 20px;
text-align: center;
color: white;
float: left;
}
@media (max-width: 768px) {
.card {
margin: 10px 20px;
width: calc(100% - 40px);
}
.card:first-child {
margin-top: 20px;
}
}
.card:nth-child(2) {
margin: 20px 0px;
width: 33.3333%;
padding: 50px 20px;
}
@media (max-width: 768px) {
.card:nth-child(2) {
margin: 10px 20px;
width: calc(100% - 40px);
}
}
.card .title {
font-size: 25px;
}
.card .icon {
margin: 50px 0;
}
.card .icon svg {
width: 100px;
height: 100px;
}
.card .icon svg path {
fill: #f6b352;
}
.card .features ul {
padding: 0;
margin: 20px 0 50px 0;
list-style-type: none;
}
.card .features ul li {
margin: 10px 0;
font-size: 14px;
}
.card .features ul li span {
border-bottom: 2px dotted #f6b352;
}
.card .btn {
display: block;
background: #e44c65;
color: white;
padding: 15px 20px;
margin: 20px 0;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.9);
transition: all 200ms ease-in-out;
text-decoration: none;
}
.card .btn:hover {
background: #f68657;
}


1 change: 1 addition & 0 deletions assets/sass/main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2369,3 +2369,4 @@ body.is-touch {
}
}
}

180 changes: 180 additions & 0 deletions donate.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
<title>Donate</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/sass/main.scss" type="scss" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>

<body class="is-preload">
<div id="page-wrapper">

<!-- Header -->
<header id="head"></header>

<!-- Main -->

<section id="three" class="spotlight style3 bottom">
<span class="image fit main"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<div class="container">
<header>
<h2>Donate</h2>
</header>
<p>
In order to maintain the server and pay for the fees necessary to progress the server and its
image we need donations. We have come up with a donations perk system that is EULA friendly
and is rewarding to the donor. If you want to donate here are our links. If you have
already donated before you will get the tier based off of your previous donation amount.
</p>
<div class="align-center">
<a href="https://paypal.me/comparatorcraft" class="button">PayPal</a>
<a href="https://www.patreon.com/comparatorcraftsmp" class="button">Patreon</a>
</div>
</div>
</div>
</section>
<section id="four" class="wrapper style1 special fade-up">
<header class="major">
<h2>DonorPerks</h2>
</header>
<div class="box alt row gtr-uniform">
<div class="content">
<div class="container">
<div class="card">
<div class="title">Gold</div>
<div class="icon">
<span class="icon solid alt major fa-coins"></span>
</div>
<div class="features">
<h2>Perks</h2>
<ul>
<li>Gold Discord Donor role</li>
<li>Access to V.I.P Discord Channels </li>
<li>Gold eGlow </li>
<li>Gold Ingame Donor tag</li>
<h2>Commands</h2>
<li>/eglow Gold - Makes you glow gold</li>
<li>/tags - allows you to select your Gold ingame Donor tag</li>
</ul>
<blockquote>
For /tags a GUI should popup and you will see
your available tags
</blockquote>
</div>
<!--/features-->
<a href="https://paypal.me/comparatorcraft" class="button primary">$8-$19 PayPal</a>
</div>
<div class="card">
<div class="title">Emerald</div>
<div class="icon">
<span class="icon solid alt major fa-gem"></span>
</div>
<div class="features">
<ul>
<h2>Perks</h2>
<blockquote>All the same Perks as Gold Tier
</blockquote>
<li>eglow (Red/Yellow/Blue/White/Black)
</li>
<li>/hat</li>
<li>Discord Emoji of skin</li>
<li>Discord color roles</li>
<li>ingame chat colors</li>
<h2>Commands</h2>
<li>/eglow [Red/Yellow/Blue/White/Black] - This will make you glow</li>
<li>/hat - This will let you put any item in the game in your helmet slot</li>
<li>/color [Red/Dark Red/Gold /Yellow /Green /Lime/Aqua /Teal/Blue
/Indigo/Purple/White /Gray/Dark Gray/Black]</li>
</ul>
<blockquote>
/color will show up as red but it still works as a command, it is just
not registered
</blockquote>
</div>
<a href="https://paypal.me/comparatorcraft" class="button primary small">
$20-$39 PayPal
</a>
<a href="https://www.patreon.com/comparatorcraftsmp" class="button primary small">
$3/m Patreon
</a>
</div>
<div class="card">
<div class="title">Diamond</div>
<div class="icon">
<span class="icon far alt major fa-gem"></span>
</div>
<div class="features">
<h2>Perks</h2>
<blockquote>
All the same Perks as Emerald Tier
</blockquote>
<ul>
<li>
eglow (All colors) - this will make you glow
</li>
<li>Player Particles</li>
<li>/nick</li>
<li>
<a href="https://htmlcolorcodes.com/bukkit-color-codes/">
full chat formatting
</a>
</li>
</ul>
<h2>Commands</h2>
<ul>
<li>/eglow (all colors) - this allows you to glow</li>
<li>/pp gui - this allows you to change particle effects, these show around the
player</li>
<li>/color [Red/Dark Red/Gold /Yellow /Green /Lime/Aqua /Teal/Blue
/Indigo/Purple/White /Gray/Dark Gray/Black]</li>
</ul>
<blockquote>
/color will show up as red but it still works as a command, it is just
not registered
</blockquote>
</div>
<a href="https://paypal.me/comparatorcraft" class="button primary small">
$40 PayPal
</a>
<a href="https://www.patreon.com/comparatorcraftsmp" class="button primary small">
$6/m Patreon
</a>
</div>
</div>
</div>
</div>
</section>
<footer id="foot"></footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script>
$(function () {
$('#head').load('assets/html/header.html');
$('#foot').load('assets/html/footer.html');
$.getScript('assets/js/main.js');
});
</script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Files should end in a new line.

1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
<header>
<h2>ComparatorCraftSMP</h2>
<p>A Hermitcraft like Minecraft server expreience.</p>

</header>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
Expand Down