WebDev
/
Mind-Overflow-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

moved content text alingment to left

This commit is contained in:
Bea 2020-08-10 02:00:54 +02:00
parent dc15b03178
commit 4e61a0fe5c
5 changed files with 64 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -64,4 +64,4 @@
} }
</script> </script>
</body> </body>
</html> </html>

22
pages/about.html
View File

@ -10,10 +10,10 @@
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="/scripts/arrow-fade.js"></script> <script src="/scripts/arrow-fade.js"></script>
<script src="/scripts/matomoData.js" type="text/javascript"></script> <script src="/scripts/matomoData.js" type="text/javascript"></script>
<script src="/scripts/policy-popup.js" type="text/javascript"></script> <script src="/scripts/policy-popup.js" type="text/javascript"></script>
</head> </head>
<body onload="openPolicyPopup()"> <body onload="openPolicyPopup()">
@ -35,9 +35,9 @@
<h1>About</h1> <h1>About</h1>
<i class="arrow-down"></i> <i class="arrow-down"></i>
</div> </div>
<div class="content"> <div class="content">
<h2 style="font-style: italic;">A little biography</h2> <h2>A little biography</h2>
<p> <p>
Hi. I’m Lorenzo and I’m an 18-years-old, Italian, high school student. Hi. I’m Lorenzo and I’m an 18-years-old, Italian, high school student.
<br> <br>
@ -50,7 +50,7 @@
<br> <br>
It had about 512MB of RAM, a huge 640x480 CRT monitor, and a small collection of classic games. It had about 512MB of RAM, a huge 640x480 CRT monitor, and a small collection of classic games.
</p> </p>
<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. 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> </p>
@ -58,27 +58,27 @@
<p> <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. 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>
<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. 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>
<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! 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>
<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. <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>
<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. 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> </p>
</div> </div>
<footer> <footer>
<h4>Copyright © 2019-20 ― Lorenzo Dellacà</h4> <h4>Copyright © 2019-20 ― Lorenzo Dellacà</h4>
</footer> </footer>
</body> </body>
</html> </html>

66
styles/common-style.css
View File

@ -23,7 +23,7 @@ h2 {
font-weight: 800; font-weight: 800;
color: white; color: white;
margin: 0; margin: 0;
padding: 38px 20px 20px; padding: 38px 0 20px;
font-size: 40px; font-size: 40px;
} }
@ -67,7 +67,7 @@ a {
font-size: 25px; font-size: 25px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);
/* Disable text highlighting */ /* Disable text highlighting */
-moz-user-select: none; -moz-user-select: none;
-webkis-user-select: none; -webkis-user-select: none;
@ -120,28 +120,28 @@ a {
/* Begin media queries for elements size */ /* Begin media queries for elements size */
@media (min-width: 0px) and (max-width:200px) { @media (min-width: 0px) and (max-width:200px) {
h4 { h4 {
font-size: 8px; font-size: 8px;
} }
.policy-popup { .policy-popup {
/* centered */ /* centered */
left: 5px; left: 5px;
width: 100px; width: 100px;
bottom: 50px; bottom: 50px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 7px; font-size: 7px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size:7px; font-size:7px;
margin: 10px; margin: 10px;
@ -150,11 +150,11 @@ a {
} }
@media (min-width: 200px) and (max-width: 300px) { @media (min-width: 200px) and (max-width: 300px) {
h4 { h4 {
font-size: 10px; font-size: 10px;
} }
.policy-popup { .policy-popup {
/* centered */ /* centered */
left: 50%; left: 50%;
@ -162,17 +162,17 @@ a {
width: 200px; width: 200px;
bottom: 50px; bottom: 50px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 8px; font-size: 8px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size: 8px; font-size: 8px;
margin: 10px; margin: 10px;
@ -184,24 +184,24 @@ a {
h4 { h4 {
font-size: 13px; font-size: 13px;
} }
.policy-popup { .policy-popup {
/* centered */ /* centered */
left: 50%; left: 50%;
margin-left: -140px; /* this has to be half the width */ margin-left: -140px; /* this has to be half the width */
width: 280px; width: 280px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 8px; font-size: 8px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size: 8px; font-size: 8px;
margin: 10px; margin: 10px;
@ -213,24 +213,24 @@ a {
h4 { h4 {
font-size: 15px; font-size: 15px;
} }
.policy-popup { .policy-popup {
/* centered */ /* centered */
left: 50%; left: 50%;
margin-left: -175px; /* this has to be half the width */ margin-left: -175px; /* this has to be half the width */
width: 350px; width: 350px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size:10px; font-size:10px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size: 10px; font-size: 10px;
margin: 10px; margin: 10px;
@ -242,21 +242,21 @@ a {
h4 { h4 {
font-size: 18px; font-size: 18px;
} }
.policy-popup { .policy-popup {
width: 400px; width: 400px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 11px; font-size: 11px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size: 11px; font-size: 11px;
margin: 10px; margin: 10px;
@ -267,21 +267,21 @@ a {
h4 { h4 {
font-size: 21px; font-size: 21px;
} }
.policy-popup { .policy-popup {
width: 500px; width: 500px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 11px; font-size: 11px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
font-size: 11px; font-size: 11px;
margin: 10px; margin: 10px;
@ -292,17 +292,17 @@ a {
h4 { h4 {
font-size: 23px; font-size: 23px;
} }
.policy-popup h4 { .policy-popup h4 {
padding: 15px 15px; padding: 15px 15px;
} }
.policy-popup p { .policy-popup p {
font-size: 13px; font-size: 13px;
padding: 0 15px; padding: 0 15px;
margin: 0; margin: 0;
} }
.policy-popup button { .policy-popup button {
margin: 10px; margin: 10px;
} }
@ -313,7 +313,7 @@ a {
.policy-popup p { .policy-popup p {
font-size: 15px; font-size: 15px;
} }
.policy-popup button { .policy-popup button {
font-size: 15px; font-size: 15px;
} }
@ -343,4 +343,4 @@ a {
font-weight: 200; font-weight: 200;
src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2'); src: url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2');
} }
/* End fonts */ /* End fonts */

16
styles/home-style.css
View File

@ -67,7 +67,7 @@ h1 {
/*MOBILE*/ /*MOBILE*/
@media (min-width: 0px) and (max-width: 200px) { @media (min-width: 0px) and (max-width: 200px) {
h1 { h1 {
font-size: 20px; font-size: 20px;
} }
@ -78,7 +78,7 @@ h1 {
} }
@media (min-width: 200px) and (max-width: 300px) { @media (min-width: 200px) and (max-width: 300px) {
h1 { h1 {
font-size: 39px; font-size: 39px;
} }
@ -89,7 +89,7 @@ h1 {
} }
@media (min-width: 300px) and (max-width: 400px) { @media (min-width: 300px) and (max-width: 400px) {
h1 { h1 {
font-size: 52px; font-size: 52px;
} }
@ -100,7 +100,7 @@ h1 {
} }
@media (min-width: 400px) and (max-width: 500px) { @media (min-width: 400px) and (max-width: 500px) {
h1 { h1 {
font-size: 64px; font-size: 64px;
} }
@ -120,7 +120,7 @@ h1 {
} }
} }
@media (min-width: 600px) and (max-width: 700px) { @media (min-width: 600px) and (max-width: 700px) {
h1 { h1 {
font-size: 76px; font-size: 76px;
} }
@ -129,7 +129,7 @@ h1 {
} }
} }
@media (min-width: 700px) and (max-width: 1000px) { @media (min-width: 700px) and (max-width: 1000px) {
h1 { h1 {
font-size: 80px; font-size: 80px;
} }
@ -140,11 +140,11 @@ h1 {
/* 4K+ MONITORS*/ /* 4K+ MONITORS*/
@media (min-width: 2100px) { @media (min-width: 2100px) {
h1 { h1 {
font-size: 180px; font-size: 180px;
} }
.bottomnav a { .bottomnav a {
font-size: 40px; font-size: 40px;
} }
} }

22
styles/pages-style.css
View File

@ -77,7 +77,7 @@ h1 {
animation: gradient 7s linear infinite; animation: gradient 7s linear infinite;
animation-direction: alternate-reverse; animation-direction: alternate-reverse;
color: white; color: white;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
@ -94,7 +94,7 @@ h1 {
font-size: 25px; font-size: 25px;
color: white; color: white;
width: 100%; width: 100%;
text-align: center; text-align: left;
box-sizing: border-box; box-sizing: border-box;
padding-left: 10%; padding-left: 10%;
padding-right: 10%; padding-right: 10%;
@ -115,7 +115,7 @@ li {
::selection { ::selection {
color: #2d0670; color: #2d0670;
/* /*
We need RGBA because Chrome forces it to be semi-trasparent, making white look like grey. 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. By setting it to 99.5% opacity, we can override this. 100% does not work, however.
@ -131,7 +131,7 @@ li {
/*MOBILE*/ /*MOBILE*/
@media (min-width: 0px) and (max-width: 200px) { @media (min-width: 0px) and (max-width: 200px) {
h1 { h1 {
font-size: 20px; font-size: 20px;
} }
@ -152,7 +152,7 @@ li {
} }
@media (min-width: 200px) and (max-width: 300px) { @media (min-width: 200px) and (max-width: 300px) {
h1 { h1 {
font-size: 39px; font-size: 39px;
} }
@ -177,7 +177,7 @@ li {
} }
@media (min-width: 300px) and (max-width: 400px) { @media (min-width: 300px) and (max-width: 400px) {
h1 { h1 {
font-size: 52px; font-size: 52px;
} }
@ -202,7 +202,7 @@ li {
} }
@media (min-width: 400px) and (max-width: 500px) { @media (min-width: 400px) and (max-width: 500px) {
h1 { h1 {
font-size: 64px; font-size: 64px;
} }
@ -226,7 +226,7 @@ li {
} }
} }
@media (min-width: 500px) and (max-width: 600px) { @media (min-width: 500px) and (max-width: 600px) {
h1 { h1 {
font-size: 80px; font-size: 80px;
} }
@ -248,7 +248,7 @@ li {
} }
} }
@media (min-width: 600px) and (max-width: 700px) { @media (min-width: 600px) and (max-width: 700px) {
h1 { h1 {
font-size: 95px; font-size: 95px;
} }
@ -267,7 +267,7 @@ li {
} }
/* 4K+ MONITORS*/ /* 4K+ MONITORS*/
@media (min-width: 2100px) { @media (min-width: 2100px) {
h1 { h1 {
font-size: 150px; font-size: 150px;
} }
@ -281,4 +281,4 @@ li {
li { li {
padding: 20px; padding: 20px;
} }
} }