moved content text alingment to left
This commit is contained in:
parent
dc15b03178
commit
4e61a0fe5c
@ -64,4 +64,4 @@
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@ -10,10 +10,10 @@
|
||||
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="/scripts/arrow-fade.js"></script>
|
||||
|
||||
|
||||
<script src="/scripts/matomoData.js" type="text/javascript"></script>
|
||||
<script src="/scripts/policy-popup.js" type="text/javascript"></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body onload="openPolicyPopup()">
|
||||
@ -35,9 +35,9 @@
|
||||
<h1>About</h1>
|
||||
<i class="arrow-down"></i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<h2 style="font-style: italic;">A little biography</h2>
|
||||
<h2>A little biography</h2>
|
||||
<p>
|
||||
Hi. I’m Lorenzo and I’m an 18-years-old, Italian, high school student.
|
||||
<br>
|
||||
@ -50,7 +50,7 @@
|
||||
<br>
|
||||
It had about 512MB of RAM, a huge 640x480 CRT monitor, and a small collection of classic games.
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
However, fast-forwarding a few years, the real step up happened in 2012, when I started developing software in Java. I wanted to make automation-like programs – mostly to have fun and learn something new – but also because I wanted to make something actually useful to help me organize and optimize my workflow. So, at 11 years old, I bought a book, and armed with a laptop and a great deal of good proposals, I started studying and learning.
|
||||
</p>
|
||||
@ -58,27 +58,27 @@
|
||||
<p>
|
||||
It wasn’t until 2013 that, after discovering and falling in love with <a href="https://www.minecraft.net/" target="_blank">Minecraft</a> and <a href="https://dev.bukkit.org/" target="_blank">Bukkit</a>, its multiplayer server platform, I started working on my own network, Voxel Evo. Wanting to provide my users with an original and innovative experience, I started applying my Java knowledge in the development of custom plugins.
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
After another year of hard work, in 2014, I finally published my first public project, <a href="https://www.spigotmc.org/resources/hubthat.1166/" target="_blank">HubThat</a>. It’s an open-source, feature-rich plugin, which lets you manage multiple worlds by connecting them with different spawn points and a hub. HubThat had a great impact on the community, reaching after a few years a total of 85k downloads, and is still kept up to date with <a href="https://spigotmc.org/" target="_blank">SpigotMC</a>’s latest <a href="https://hub.spigotmc.org/javadocs/spigot/overview-summary.html" target="_blank">API</a> and guidelines.
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
Thanks to the success of this project, people started contacting me to develop custom plugins for their own servers and networks: this activity has now been going on for more than 5 years!
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
<a href="https://www.spigotmc.org/resources/ultratools.5063/" target="_blank">UltraTools</a> is another plugin I published, in 2015. This was a simple experiment/self-challenge, as <a href="https://www.spigotmc.org/resources/admintools.14781/" target="_blank">AdminTools</a> was a very simple plugin that was having a good success, and I wanted to see how long it would take to replicate it, with even more features.
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
In 2020, I started working on another public plugin – <a href="https://www.spigotmc.org/resources/lasergun.76120/" target="_blank">LaserGun</a>. It’s a combat mod, which allows you to bring a laser gun and shoot at zombies, skeletons, and other mobs, while also drawing a colourful red trail. This plugin was created as a request, but also as an experiment, since I wanted to apply my physics and trigonometry knowledge to my personal dev projects.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
<h4>Copyright © 2019-20 ― Lorenzo Dellacà</h4>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
@ -23,7 +23,7 @@ h2 {
|
||||
font-weight: 800;
|
||||
color: white;
|
||||
margin: 0;
|
||||
padding: 38px 20px 20px;
|
||||
padding: 38px 0 20px;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
@ -67,7 +67,7 @@ a {
|
||||
font-size: 25px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);
|
||||
|
||||
|
||||
/* Disable text highlighting */
|
||||
-moz-user-select: none;
|
||||
-webkis-user-select: none;
|
||||
@ -120,28 +120,28 @@ a {
|
||||
|
||||
/* Begin media queries for elements size */
|
||||
@media (min-width: 0px) and (max-width:200px) {
|
||||
|
||||
|
||||
h4 {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
/* centered */
|
||||
left: 5px;
|
||||
width: 100px;
|
||||
bottom: 50px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 7px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size:7px;
|
||||
margin: 10px;
|
||||
@ -150,11 +150,11 @@ a {
|
||||
}
|
||||
|
||||
@media (min-width: 200px) and (max-width: 300px) {
|
||||
|
||||
|
||||
h4 {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
/* centered */
|
||||
left: 50%;
|
||||
@ -162,17 +162,17 @@ a {
|
||||
width: 200px;
|
||||
bottom: 50px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 8px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 8px;
|
||||
margin: 10px;
|
||||
@ -184,24 +184,24 @@ a {
|
||||
h4 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
/* centered */
|
||||
left: 50%;
|
||||
margin-left: -140px; /* this has to be half the width */
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 8px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 8px;
|
||||
margin: 10px;
|
||||
@ -213,24 +213,24 @@ a {
|
||||
h4 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
/* centered */
|
||||
left: 50%;
|
||||
margin-left: -175px; /* this has to be half the width */
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size:10px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 10px;
|
||||
margin: 10px;
|
||||
@ -242,21 +242,21 @@ a {
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 11px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 11px;
|
||||
margin: 10px;
|
||||
@ -267,21 +267,21 @@ a {
|
||||
h4 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 11px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 11px;
|
||||
margin: 10px;
|
||||
@ -292,17 +292,17 @@ a {
|
||||
h4 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup h4 {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup p {
|
||||
font-size: 13px;
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
margin: 10px;
|
||||
}
|
||||
@ -313,7 +313,7 @@ a {
|
||||
.policy-popup p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
||||
.policy-popup button {
|
||||
font-size: 15px;
|
||||
}
|
||||
@ -343,4 +343,4 @@ a {
|
||||
font-weight: 200;
|
||||
src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2');
|
||||
}
|
||||
/* End fonts */
|
||||
/* End fonts */
|
||||
|
||||
@ -67,7 +67,7 @@ h1 {
|
||||
|
||||
/*MOBILE*/
|
||||
@media (min-width: 0px) and (max-width: 200px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
@ -78,7 +78,7 @@ h1 {
|
||||
}
|
||||
|
||||
@media (min-width: 200px) and (max-width: 300px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 39px;
|
||||
}
|
||||
@ -89,7 +89,7 @@ h1 {
|
||||
}
|
||||
|
||||
@media (min-width: 300px) and (max-width: 400px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 52px;
|
||||
}
|
||||
@ -100,7 +100,7 @@ h1 {
|
||||
}
|
||||
|
||||
@media (min-width: 400px) and (max-width: 500px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
}
|
||||
@ -120,7 +120,7 @@ h1 {
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) and (max-width: 700px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 76px;
|
||||
}
|
||||
@ -129,7 +129,7 @@ h1 {
|
||||
}
|
||||
}
|
||||
@media (min-width: 700px) and (max-width: 1000px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 80px;
|
||||
}
|
||||
@ -140,11 +140,11 @@ h1 {
|
||||
|
||||
/* 4K+ MONITORS*/
|
||||
@media (min-width: 2100px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 180px;
|
||||
}
|
||||
.bottomnav a {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -77,7 +77,7 @@ h1 {
|
||||
animation: gradient 7s linear infinite;
|
||||
animation-direction: alternate-reverse;
|
||||
color: white;
|
||||
|
||||
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
@ -94,7 +94,7 @@ h1 {
|
||||
font-size: 25px;
|
||||
color: white;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
@ -115,7 +115,7 @@ li {
|
||||
::selection {
|
||||
color: #2d0670;
|
||||
|
||||
|
||||
|
||||
/*
|
||||
We need RGBA because Chrome forces it to be semi-trasparent, making white look like grey.
|
||||
By setting it to 99.5% opacity, we can override this. 100% does not work, however.
|
||||
@ -131,7 +131,7 @@ li {
|
||||
|
||||
/*MOBILE*/
|
||||
@media (min-width: 0px) and (max-width: 200px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
@ -152,7 +152,7 @@ li {
|
||||
}
|
||||
|
||||
@media (min-width: 200px) and (max-width: 300px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 39px;
|
||||
}
|
||||
@ -177,7 +177,7 @@ li {
|
||||
}
|
||||
|
||||
@media (min-width: 300px) and (max-width: 400px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 52px;
|
||||
}
|
||||
@ -202,7 +202,7 @@ li {
|
||||
}
|
||||
|
||||
@media (min-width: 400px) and (max-width: 500px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
}
|
||||
@ -226,7 +226,7 @@ li {
|
||||
}
|
||||
}
|
||||
@media (min-width: 500px) and (max-width: 600px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 80px;
|
||||
}
|
||||
@ -248,7 +248,7 @@ li {
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) and (max-width: 700px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 95px;
|
||||
}
|
||||
@ -267,7 +267,7 @@ li {
|
||||
}
|
||||
/* 4K+ MONITORS*/
|
||||
@media (min-width: 2100px) {
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 150px;
|
||||
}
|
||||
@ -281,4 +281,4 @@ li {
|
||||
li {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user