fontawesome and separate projects site

This commit is contained in:
YouHaveTrouble
2021-06-29 05:57:13 +02:00
parent 1f97b2d537
commit c1914b3abe
4 changed files with 122 additions and 12 deletions
+7 -11
View File
@@ -2,13 +2,14 @@
<head>
<title>YouHaveTrouble</title>
<link rel="stylesheet" href="/style/main.css">
<script src="https://kit.fontawesome.com/5e96beba0c.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<div class="linewrapper">
<h1>youhavetrouble.me</h1>
<h1><a href="/">youhavetrouble.me</a></h1>
</div>
<div class="linewrapper">
<fieldset class="window">
@@ -17,8 +18,9 @@
</fieldset>
<fieldset class="window">
<legend>Socials</legend>
<p><img src="img/github.png"><a href="https://github.com/YouHaveTrouble">GitHub</a><br>
<img src="img/discord.png"><a href="https://discord.gg/j8KK5dGBps">Discord</a>
<p>
<a href="https://github.com/YouHaveTrouble"><i class="fas fa-github fa"></i> GitHub</a><br>
<a href="https://discord.gg/j8KK5dGBps"><i class="fab fa-discord"></i> Discord</a>
</p>
</fieldset>
</div>
@@ -26,15 +28,9 @@
<fieldset class="window">
<legend>My projects</legend>
<p>
<b>Minecraft</b>
<a href="https://github.com/YouHaveTrouble/minecraft-optimization">Server optimization guide</a><br>
<a href="https://www.spigotmc.org/resources/commandwhitelist-spigot-1-8-1-16-bungeecord-waterfall.81326/">CommandWhitelist</a><br>
<a href="https://www.spigotmc.org/resources/togglepvp.89376/">TogglePvP</a><br>
</p>
<p>
<b>Bots</b>
<a href="https://top.gg/bot/747037824049741924">Gamer Bot (Discord)</a><br>
<b><a href="/projects"><i class="far fa-keyboard"></i> See my projects here</a></b>
</p>
</fieldset>
<fieldset class="window">
<legend>Support me</legend>
+63
View File
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<head>
<title>YouHaveTrouble</title>
<link rel="stylesheet" href="/style/main.css">
<link rel="stylesheet" href="/style/projects.css">
<meta charset="UTF-8">
<script src="https://kit.fontawesome.com/5e96beba0c.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<div class="linewrapper">
<h1><a href="/">youhavetrouble.me</a></h1>
</div>
<div class="linewrapper">
<fieldset class="project-window">
<legend><h2>Tutorials</h2></legend>
<h4>Minecraft server optimization guide</h4>
<h5><a href="https://github.com/YouHaveTrouble/minecraft-optimization"><i class="fas fa-link fa"></i> See project</a></h5>
<p>A guide for bukkit minecraft server users aiming to improve performance to get more players on their server.</p>
</fieldset>
</div>
<div class="linewrapper">
<fieldset class="project-window">
<legend><h2>Minecraft plugins</h2></legend>
<h4>CommandWhitelist</h4>
<h5>
<a href="https://github.com/YouHaveTrouble/CommandWhitelist"><i class="fas fa-github fa"></i> Source code</a>
<span> | </span>
<a href="https://www.spigotmc.org/resources/commandwhitelist.81326/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
</h5>
<p>Bukkit plugin that allows server owners control over which commands players can see and execute.</p>
<h4>TogglePvP</h4>
<h5>
<a href="https://github.com/YouHaveTrouble/TogglePvP"><i class="fas fa-github fa"></i> Source code</a>
<span> | </span>
<a href="https://www.spigotmc.org/resources/togglepvp.89376/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
</h5>
<p>Bukkit plugin allowing players to choose if they want to partake in PvP combat. Also protects player pets and accounts for huge amount of combat situations to effectively protect player.</p>
<h4>Censura</h4>
<h5>
<a href="https://github.com/YouHaveTrouble/Censura"><i class="fas fa-github fa"></i> Source code</a>
<span> | </span>
<a href="https://www.spigotmc.org/resources/censura.84123/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
</h5>
<p>Advanced censorship bukkit plugin that lets server owners completely eliminate the usage of selected words on the server. Works with basically any user text input.</p>
</fieldset>
</div>
<div class="linewrapper">
<fieldset class="project-window">
<legend><h2>Discord bots</h2></legend>
<h4>GamerBot</h4>
<h5>
<a href="https://top.gg/bot/747037824049741924"><i class="fas fa-file-invoice fa"></i> Top.gg page</a>
</h5>
<p>Bot that allows you to search League of Legends summoner profiles and ping minecraft and source game servers. Will be open sourced soon.</p>
</fieldset>
</div>
</div>
</body>
-1
View File
@@ -47,7 +47,6 @@ body {
padding-top: 0.4em;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
legend {
font-size: 120%;
+52
View File
@@ -0,0 +1,52 @@
.project-window {
width: auto;
min-width: 7em;
max-width: 750px;
height: auto;
margin: 1em;
padding: 0.7em;
padding-top: 0.4em;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
h2 {
margin: 0;
}
h4 {
margin: 0;
}
h5 {
margin: 0.4em;
}
.project-window p {
display: block;
margin-top: 0;
font-size: 0.9em;
}
.project-window a {
color: rgb(190, 190, 190);
}
.project-window a:hover {
color: #fff;
}
@media only screen
and (max-width: 1000px) {
.wrapper {
height: auto;
flex-direction: column;
}
.linewrapper {
height: auto;
flex-direction: column;
}
.window {
width: 85%;
}
h1 {
font-size: 1.7em;
}
}