From 4e61a0fe5c2cfdc895a5fc740ee526cf2a6f2216 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= Date: Mon, 10 Aug 2020 02:00:54 +0200 Subject: [PATCH] moved content text alingment to left --- index.html | 2 +- pages/about.html | 22 +++++++------- styles/common-style.css | 66 ++++++++++++++++++++--------------------- styles/home-style.css | 16 +++++----- styles/pages-style.css | 22 +++++++------- 5 files changed, 64 insertions(+), 64 deletions(-) diff --git a/index.html b/index.html index b15244f..85c067e 100644 --- a/index.html +++ b/index.html @@ -64,4 +64,4 @@ } - \ No newline at end of file + diff --git a/pages/about.html b/pages/about.html index 1eaa791..b738ce4 100644 --- a/pages/about.html +++ b/pages/about.html @@ -10,10 +10,10 @@ integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"> - + - + @@ -35,9 +35,9 @@

About

- +
-

A little biography

+

A little biography

Hi. I’m Lorenzo and I’m an 18-years-old, Italian, high school student.
@@ -50,7 +50,7 @@
It had about 512MB of RAM, a huge 640x480 CRT monitor, and a small collection of classic games.

- +

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.

@@ -58,27 +58,27 @@

It wasn’t until 2013 that, after discovering and falling in love with Minecraft and Bukkit, 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.

- +

After another year of hard work, in 2014, I finally published my first public project, HubThat. 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 SpigotMC’s latest API and guidelines.

- +

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!

- +

UltraTools is another plugin I published, in 2015. This was a simple experiment/self-challenge, as AdminTools 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.

- +

In 2020, I started working on another public plugin – LaserGun. 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.

- + - \ No newline at end of file + diff --git a/styles/common-style.css b/styles/common-style.css index 41dde40..66d4f51 100644 --- a/styles/common-style.css +++ b/styles/common-style.css @@ -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 */ \ No newline at end of file +/* End fonts */ diff --git a/styles/home-style.css b/styles/home-style.css index 8f870b0..0ba2a27 100644 --- a/styles/home-style.css +++ b/styles/home-style.css @@ -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; } -} \ No newline at end of file +} diff --git a/styles/pages-style.css b/styles/pages-style.css index fbfdb9e..5291c0b 100644 --- a/styles/pages-style.css +++ b/styles/pages-style.css @@ -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; } -} \ No newline at end of file +}