YouHaveTrouble/youhavetrouble.github.io
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/youhavetrouble.github.io.git synced 2026-05-12 06:16:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

add some projects

Browse Source
This commit is contained in:
youhavetrouble
2023-12-28 18:55:15 +01:00
parent 033bae1856
commit 3d2df48677
9 changed files with 212 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
img/ce.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

img/cw.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

img/gm.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

img/icon/website.svg
+14
View File
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" stroke-width="3"
stroke="#fff" fill="none">
<path d="M39.93,55.72A24.86,24.86,0,1,1,56.86,32.15a37.24,37.24,0,0,1-.73,6"/>
<path d="M37.86,51.1A47,47,0,0,1,32,56.7"/>
<path d="M32,7A34.14,34.14,0,0,1,43.57,30a34.07,34.07,0,0,1,.09,4.85"/>
<path d="M32,7A34.09,34.09,0,0,0,20.31,32.46c0,16.2,7.28,21,11.66,24.24"/>
<line x1="10.37" y1="19.9" x2="53.75" y2="19.9"/>
<line x1="32" y1="6.99" x2="32" y2="56.7"/>
<line x1="11.05" y1="45.48" x2="37.04" y2="45.48"/>
<line x1="7.14" y1="32.46" x2="56.86" y2="31.85"/>
<path
d="M53.57,57,58,52.56l-8-8,4.55-2.91a.38.38,0,0,0-.12-.7L39.14,37.37a.39.39,0,0,0-.46.46L42,53.41a.39.39,0,0,0,.71.13L45.57,49Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 811 B

img/meapi.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

img/minecraft-hobbit-hole.jpeg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 99 KiB

img/ps.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

index.html
+148 -5
View File
@@ -46,7 +46,7 @@
<div class="project-scroller"> <div class="project-scroller">
<article> <article>
<div class="project-logo"> <div class="project-logo">
<img src="/img/purpur.svg" alt="Purpur logo" draggable="false"> <img src="/img/purpur.svg" alt="Purpur logo" draggable="false" loading="lazy">
</div> </div>
<div class="description"> <div class="description">
<h3 class="title">Purpur</h3> <h3 class="title">Purpur</h3>
@@ -54,18 +54,161 @@
Minecraft server software based on Paper. Focuses on introducing new configuration options to Minecraft server software based on Paper. Focuses on introducing new configuration options to
already existing features along with adding completely new features. already existing features along with adding completely new features.
</p> </p>
<div class="links">
<a href="https://purpurmc.org" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/PurpurMC/Purpur" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div> </div>
</article> </article>
<article> <article>
<div class="project-logo"> <div class="project-logo">
<img src="/img/purpur.svg" alt="Purpur logo" draggable="false"> <img src="/img/purpur.svg" alt="Purpur logo" draggable="false" loading="lazy">
</div> </div>
<div class="description"> <div class="description">
<h3 class="title">Purpur</h3> <h3 class="title">PurpurExtras</h3>
<p> <p>
Minecraft server software based on Paper. Focuses on introducing new configuration options to Minecraft plugin for Paper and Purpur servers. Adds features that were suggested to be added in
already existing features along with adding completely new features. Purpur, but were deemed to be easier to maintain in a plugin.
</p> </p>
<div class="links">
<a href="https://modrinth.com/plugin/purpurextras" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/PurpurMC/PurpurExtras" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div>
</article>
<article>
<div class="project-logo">
<img src="/img/cw.jpeg" alt="CommandWhitelist logo" draggable="false" loading="lazy">
</div>
<div class="description">
<h3 class="title">CommandWhitelist</h3>
<p>
Minecraft plugin for bukkit-based servers and major minecraft proxies. Allows server owners to
decide which commands can be tab-completed and executed by players.
</p>
<div class="links">
<a href="https://modrinth.com/plugin/commandwhitelist" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/YouHaveTrouble/CommandWhitelist" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div>
</article>
<article>
<div class="project-logo">
<img src="/img/ps.jpeg" alt="PreventStabby logo" draggable="false" loading="lazy">
</div>
<div class="description">
<h3 class="title">PreventStabby</h3>
<p>
Minecraft plugin for bukkit-based servers that controls players personal PvP state, tracks all
sources of damage for its checks and has basic combat timer tracker.
</p>
<div class="links">
<a href="https://modrinth.com/plugin/preventstabby" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/YouHaveTrouble/PreventStabby" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div>
</article>
<article>
<div class="project-logo">
<img src="/img/ce.jpg" alt="Censura logo" draggable="false" loading="lazy">
</div>
<div class="description">
<h3 class="title">Censura</h3>
<p>
Minecraft plugin for bukkit-based servers that cancels messages, item renames, writing in books
or signs if they contain blacklisted words or regex expressions.
</p>
<div class="links">
<a href="https://modrinth.com/plugin/censura" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/YouHaveTrouble/Censura" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div>
</article>
<article>
<div class="project-logo">
<img src="/img/gm.png" alt="Guild Master logo" draggable="false" loading="lazy">
</div>
<div class="description">
<h3 class="title">Guild Master</h3>
<p>
Guild Master is a web browser game about managing a guild of adventurers. It is currently in
early development, but is already playable.
</p>
<div class="links">
<a href="https://guildmaster.yht.one" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/YouHaveTrouble/GuildMaster" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div>
</article>
<article>
<div class="project-logo">
<img src="/img/meapi.png" alt="Me API logo" draggable="false" loading="lazy">
</div>
<div class="description">
<h3 class="title">Me API</h3>
<p>
API that allows you to query your current activity, status and game profiles.
</p>
<div class="links">
<a href="https://api.youhavetrouble.me" target="_blank" rel="external" title="Project's website">
<button>
<img src="img/icon/website.svg" alt="website" draggable="false">
</button>
</a>
<a href="https://github.com/YouHaveTrouble/MeAPI" target="_blank" rel="external" title="Project's GitHub">
<button>
<img src="img/icon/github.svg" alt="github" draggable="false">
</button>
</a>
</div>
</div> </div>
</article> </article>
</div> </div>
main.css
+50 -14
View File
@@ -1,5 +1,9 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {
box-sizing: border-box;
}
:root { :root {
--text-color: #cccccc; --text-color: #cccccc;
--text-color-highlight: #ffffff; --text-color-highlight: #ffffff;
@@ -119,10 +123,12 @@ article {
align-items: center; align-items: center;
background-color: rgba(0,0,0, 0.9); background-color: rgba(0,0,0, 0.9);
background-blend-mode: darken; background-blend-mode: darken;
background-attachment: local;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem;
background-image: url("/img/bg-projects.jpg"); background-image: url("/img/bg-projects.jpg");
transition: background-color 4s; transition: background-color 4s;
background-position: center;
background-attachment: fixed;
overflow-y: auto; overflow-y: auto;
overflow-y: overlay; overflow-y: overlay;
} }
@@ -131,6 +137,30 @@ article {
background-color: rgba(0,0,0, 0.85); background-color: rgba(0,0,0, 0.85);
} }
#projects .links {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding-top: 0.5rem;
}
#projects .links a button {
width: 2rem;
height: 2rem;
border: 1px solid #fff;
border-radius: 0.2rem;
padding: 0.2rem;
background: transparent;
cursor: pointer;
}
#projects .links a button img {
width: 100%;
height: 100%;
}
.tags { .tags {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -177,14 +207,8 @@ article {
} }
#projects .project-scroller { #projects .project-scroller {
display: flex;
justify-content: start;
align-items: center;
height: 100%; height: 100%;
width: 100%;
gap: 1.5rem;
max-width: 100vw; max-width: 100vw;
flex-direction: column;
} }
#projects .project-scroller article { #projects .project-scroller article {
@@ -194,16 +218,26 @@ article {
text-align: start; text-align: start;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 34rem; max-width: 34rem;
padding: 0.5rem; padding-top: 0.5rem;
gap: 0.25rem; padding-bottom: 1.5rem;
padding-inline: min(1rem, 5%);
gap: 0.75rem;
} }
#projects .project-scroller article:nth-child(2) { #projects .project-scroller article:nth-child(2n+0) {
justify-content: end; justify-content: end;
flex-direction: row-reverse; flex-direction: row-reverse;
text-align: end; text-align: end;
} }
#projects .project-scroller article .links {
justify-content: flex-start;
}
#projects .project-scroller article:nth-child(2n+0) .links {
justify-content: flex-end;
}
#projects .project-scroller article .title { #projects .project-scroller article .title {
font-size: 1.4rem; font-size: 1.4rem;
color: var(--text-color-highlight); color: var(--text-color-highlight);
@@ -223,13 +257,15 @@ article {
} }
#projects .project-scroller article .project-logo { #projects .project-scroller article .project-logo {
width: 6rem; min-width: 9rem;
height: 6rem; min-height: 9rem;
min-width: 10rem; max-width: 9rem;
min-height: 10rem; max-height: 9rem;
border-radius: 0.5rem;
} }
#projects .project-scroller article .project-logo img { #projects .project-scroller article .project-logo img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0.5rem;
} }