modify margins, prepare for js, and add help message

master
Amolith 4 years ago
parent 47e83db3ac
commit 00fd975d14
Signed by: Amolith
GPG Key ID: 51FD40936DB0065B

@ -1,6 +1,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="flattr:id" content="nlx3og">
<title>{% if page.title %} {{ page.title }} {% else %} {{ site.title }} {% endif %}</title>
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}

@ -5,5 +5,6 @@
on <strong>{{ page.date | date: "%d %B %Y" }}</strong>
</div>
<div class="explore__label">All content on this website is licensed under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY 4.0</a> license.</div>
<div class="explore__label"><i>(unless otherwise stated)</i></div>
</div>

@ -219,6 +219,26 @@ div.crypto-card p {
color: #fff;
border: 2px solid #fff;
}
.donate {
border-radius: 8px;
border: 0px;
color: #323234;
background-color: white;
padding: 5px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #fff;
}
.donate:hover {
background-color: #323234;
color: #FFFFFF;
}
.contact-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
background: #4f4f4fff;
@ -353,7 +373,7 @@ strong {
}
.post-title {
margin-bottom: 110px;
margin-bottom: 100px;
font-family: 'Overpass';
}
@ -410,7 +430,7 @@ strong {
text-align: center;
font-family: 'Inconsolata';
color: $cloudy;
margin-top: 140px;
margin-top: 80px;
}
.explore__divider {
@ -457,14 +477,14 @@ strong {
/* =Post page */
.about {
color: $cloudy;
margin-top: 70px;
margin-top: 50px;
text-align: center;
line-height: 24px;
}
.about__divider {
font-size: 20px;
margin-bottom: 50px;
margin-bottom: 10px;
letter-spacing: 9.09px;
}

@ -12,9 +12,15 @@ permalink: /about/
<hr/>
<h1>Finance</h1>
<p>At the moment, all the sites I host are running on <a href="https://netcup.eu" target="_blank">netcup GmbH</a>'s <a href="https://www.netcup.eu/vserver/vps.php" target="_blank">500 G8</a> VPS. I pay <b>$6.10/mo</b> in lump sums of <b>$36.60</b> every six months. The domain <a href="https://nixnet.xyz" target="_blank">nixnet.xyz</a> is registered with <a href="http://gandi.net" target="_blank">gandi.net</a> and it renews at <b>$13.63/yr</b>. I use Gandi because they have WHOIS privacy by default, every domain comes with two inboxes and unlimited aliases for both. One is <a href="mailto:amolith@nixnet.xyz">amolith@nixnet.xyz</a> and the other uses my real name rather than my pseudonym.</p>
<p>At the moment, I only accept fiat currencies on <a href="https://liberapay.com/Amolith/" target="_blank">Liberapay</a> (so far) and how much I make from it is below.</p>
</h1>
<a href="https://liberapay.com/Amolith/donate" target="_blank"><img src="https://img.shields.io/liberapay/receives/Amolith.svg?style=popout-square&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAewgAAHsIBbtB1PgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAR0SURBVGiB7VlNTCpXGD2XqQQQJCkQ8KeAaNz4CupGE2N0pQtdGNkafE26et3AsvvWrSz6ljWmCxNj4qaauHKBxBBjUkMeUSMISFTUEIUIVCFzuzBax5knzDBP7EvPijnc+8058937XeaD4B7E5/O9p5R+oJS+I4So8IZBKf2bEPKJEPLb3NzcHwAoAUC8Xu88gPf1lScZ836//0fi8/l+oJTO11tNLaCUzigopR/qLaRWEEJ+UlBK39VbiAz4XvHWN3aVUCvqrUAufDVGvpEzGMMwMBqNMJvNMJlM0Ov1WFlZkfMWn4VsRlwuFzweDxSKf5N8cHAgV/iKkG1pdXV1cUwAQCwWkyt8RchmxOFw8Lj/nBGNRgOz2czhyuUyjo+P5QhfFWQx4nA4QAjhcMlkEuVyWY7wVUEWIx0dHTzuNZcVIGNGnuPo6EiO0FWj5vKrVCrR2trK4ViWRSKR4I3V6XSwWq0wGo3Q6XRQq9VgWRb5fB6pVAqHh4e4u7uTpKNmI3a7HQzDcLiTkxPc3t4+Xk9MTMDpdMJkMr0Yq1AoYH19HcFgEJRSUTpqXlqVyq5SqcTIyEhFE8B99ZuamoLb7Rato2YjQhv96f6w2Wy8jFXC4OAgenp6RM2pyQjDMLBarRyOUsoxIpSxbDaLaDSKcDiMdDotGHt0dFSUlpr2SFtbG5RKJYc7Pz9HPp9/vBYysry8jEgk8ng9PDyMyclJzpjm5mYYDAZkMpmqtNSUkUrnB8MwsNvtnO+fZwwANjc3kc1mebGeV8OXUJORSueHUMbOzs5QLBY5HMuySKVSvFiNjY1Va5FshBCC9vZ2Hv80I2JO/Kfl+gFizhTJRiwWCzQaDYfLZDKcJSLmxNdqtTzu5uamaj2SjVQ6Pz6XMSEjCoWCV/2A+8JRLSQbeb6JAa5IoYxdXl4il8vx5nV3d0OtVnO4dDqN6+vrqvVINiJUUU5PTx8/V7usGhoaMD4+zuN3d3dF6ZF8jjQ1NQmKekA1G12lUmFmZob3UlYsFhEIBETpkWzk+YsUALjdbmxsbGB/f18wI+VyGQaDATqdDp2dnRgaGhJ8IKurq7wSXQmSjWQyGd4eaGlpwfT0NBYXF6HX63lzPB5Pxbjb29vY2toSrUfyHtnZ2RHkS6USZ4mJQSAQwNLSkqS5kjMSDAbhcDjgcrk4fDKZFCylL+Hi4gJra2sIh8NS5Ug3wrIsFhYW4HQ60dvbC5vNBq1Wi1gshr6+Pt74q6srqNVqqFQqFAoF5HI5xONxRCIR7O3tgWVZySZqMvKAcDjMeZI6nQ5jY2OcMaVSCbOzs1+0qyJ7E1uo7Mbj8S/eGpLdSL06jq+SkWg0KvdteJDViEqlgsVi4XCv1TqV1YjD4eB15BOJxKu0TonX6xXXQHqj+Gr+evvfyFuDAoC438tvE0UFgE/1ViEDwgpCyMd6q5ABH5lQKBQeGBj4DkBvvdVIASHkd7/f/ysDAKFQ6M/+/v4jQkgrgG8BSHszej0UAfwF4Ge/3/8LAPwDVmyGQ2swjHwAAAAASUVORK5CYII=&colorB=707070"></a>
<p>
<center>
<a href="https://liberapay.com/Amolith/donate" target="_blank"><button class="donate"><i class="fa fa-liberapay"></i> Liberapay</button></a>
<!--<a href="https://ko-fi.com/Amolith" target="_blank"><button class="donate"><i class="fa fa-coffee"></i> Ko-fi</button></a>-->
<a href="https://flattr.com/@Amolith" target="_blank"><button class="donate"><i class="fa fa-refresh"></i> Flattr</button></a>
<a href="https://tippeee.com/amolith" target="_blank"><button class="donate"><i class="fa fa-tipeee"></i> tipeee</button></a>
</center>
</p>
<p>If you want to donate in crypto currencies, I accept <a href="https://bitcoin.org/en/" target="_blank">Bitcoin</a> and <a href="https://litecoin.org/" target="_blank">Litecoin</a> though I do prefer Litecoin because of its speed. If you do crypto on mobile, you can scan the QR codes with your preferred app or tap them to open the appropriate app. The address is also below for other methods.</p>
<p>My goal is $4.34/week <i>exactly</i> so I can upgrade VPSs, add a storage server, and not have anything left over.</p>
<p>Currently, NixNet is running netcup GmbH's <a href="https://www.netcup.eu/vserver/vps.php" target="_blank">500 G8</a>. My plans are to upgrade to the 1000 G8 (on the same page) and add a <a href="https://www.netcup.eu/vserver/storagespace.php" target="_blank">Tariff A storage server</a>. This would cost $4.07/mo. I've also added the domain, nixnet.xyz to the goal, which is $13/year ($0.27/mo).</p>

108
app.js

@ -0,0 +1,108 @@
$(function(){
var model = {
// renomear
dat: [
],
read_json: function() {
$.ajax({
url: "/cards.json",
dataType: 'json',
async: false,
success: function(data) {
$(data["cards"]).each(function(){
var card_info = $(this)[0];
model.set_data(card_info);
});
}
});
},
set_data: function(d) {
model.dat.push(d);
},
get_data: function() {
return model.dat;
},
filter_data: function(conteudo) {
var $d = model.dat;
var $filter = [];
var $c = conteudo.toLowerCase();
$($d).each(function(i){
if(
$d[i].name.toLowerCase().indexOf($c) >= 0 ||
$d[i].description.toLowerCase().indexOf($c) >= 0 ||
$d[i].button_text.toLowerCase().indexOf($c) >= 0
) {
$filter.push($d[i]);
}
});
return $filter;
},
init: function() {
model.read_json();
}
};
var octopus = {
init: function() {
model.init();
view.init();
octopus.create_card(model.get_data());
},
create_card: function(d) {
$.each(d, function(i){
view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link, d[i].tor);
});
},
filter_data: function(c) {
var d = model.filter_data(c);
$.each(d, function(i){
view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link, d[i].tor);
});
},
recreate_cards: function() {
octopus.create_card(model.get_data());
}
};
// Renomear
var view = {
init: function() {
this.container = $(".flex-cards");
this.search_field = $("#search_field");
view.events();
},
events: function(){
this.search_field.on('input',function(){
var $conteudo = $(this).val();
view.clean_cards();
if($conteudo.length == 0){
octopus.recreate_cards();
}else {
octopus.filter_data($conteudo);
}
});
},
create_card: function(name, desc, bt_txt, link, tor){
var $card = $("<div>").addClass("card");
var $h1 = $("<h1>").text(name);
var $desc = $("<p>").text(desc);
var $button = $("<button>").addClass("button").text(bt_txt);
var $icon = $("<button>").addClass("tor").text("Tor");
var $a = $("<a>").attr("href", link);
var $tor = $("<a>").attr("href", tor);
$a.append($button);
$tor.append($icon);
if (tor == "#") {
$card.append($h1).append($desc).append($a);
} else {
$card.append($h1).append($desc).append($a).append($tor);
}
this.container.append($card);
},
clean_cards: function() {
this.container.empty();
}
};
octopus.init();
});

@ -9,20 +9,39 @@ priority: 0.9
---
<center><p>I host a variety of services that are available for anyone to use free of charge. Below is a list with descriptions of each.</p></center>
<br/>
<center><h1><a href="https://status.nixnet.xyz" target="_blank"><u>Status page</u></a> / <a href="https://netdata.nixnet.xyz" target="_blank"><u>Stats page</u></a></h1></center>
<center><h1><a href="https://status.nixnet.xyz" target="_blank"><u>Status</u></a> / <a href="https://netdata.nixnet.xyz" target="_blank"><u>Stats</u></a></h1></center>
<center><h1><a href="https://git.nixnet.xyz/NixNet/" target="_blank"><u>Technical information</u></a></h1></center>
<!--
<br/>
<center>
<br/>
<center>
<form>
<input id="search_field" type="text" autocomplete="off" name="search" placeholder="Search services . . .">
<input id="search_field" type="text" autocomplete="off" name="search" placeholder="Search services . . .">
</form>
</center>
<br/>
</center>
<br/>
-->
<br/>
<div class="flex-wrapper">
<div class="flex-cards">
<!-- JS cards here -->
<!-- JS cards here -->
</div>
</div>
<center><h1><u><a href="https://git.nixnet.xyz/NixNet/" target="_blank">Technical information about NixNet</a></u></h1></center>
<br />
<div class="content">
<center><h1>Help welcome <i class="fa fa-heart"></i></h1></center>
<p>I didn't think I would be doing this but I find myself needing assistance. As I say in <a href="/about">about/</a>, I am a high school student. I'm currently trying to get together enough money to go to college for computer science. I'm not sure exactly what I want to go into but I am thinking about cybersecurity and working with SELinux as a specialisation. Back to the point.</p>
<p>College is expensive in the US. Very expensive. The one I plan to go to will be ~$28,000 per year. They gave me enough financial aid and institutional scholarships to bring the cost down to $8,000/yr. My father has said he would help and bring it down further to ~$5,500/yr. Even with third-party scholarships, this is going to leave me thousands of dollars in debt.</p>
<p>If you can do anything to help monetarily, I would be forever grateful. I pay for the servers running this site and everything on it partially from donations and the rest out-of-pocket. If you even know of any scholarships I may be eligible for, a <a href="/contact/">message</a> and a link would be greatly appreciated.</p>
<p>
<center>
<a href="https://liberapay.com/Amolith/donate" target="_blank"><button class="donate"><i class="fa fa-liberapay"></i> Liberapay</button></a>
<!--<a href="https://ko-fi.com/Amolith" target="_blank"><button class="donate"><i class="fa fa-coffee"></i> Ko-fi</button></a>-->
<a href="https://flattr.com/@Amolith" target="_blank"><button class="donate"><i class="fa fa-refresh"></i> Flattr</button></a>
<a href="https://tippeee.com/amolith" target="_blank"><button class="donate"><i class="fa fa-tipeee"></i> tipeee</button></a>
</center>
</p>
<center>
<p>Thank you,<br />
Amolith</p>
</center>
</div>

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save