add some projects
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 62 KiB |
@@ -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>
|
||||
|
After Width: | Height: | Size: 811 B |
|
After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -46,7 +46,7 @@
|
||||
<div class="project-scroller">
|
||||
<article>
|
||||
<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 class="description">
|
||||
<h3 class="title">Purpur</h3>
|
||||
@@ -54,18 +54,161 @@
|
||||
Minecraft server software based on Paper. Focuses on introducing new configuration options to
|
||||
already existing features along with adding completely new features.
|
||||
</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>
|
||||
</article>
|
||||
<article>
|
||||
<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 class="description">
|
||||
<h3 class="title">Purpur</h3>
|
||||
<h3 class="title">PurpurExtras</h3>
|
||||
<p>
|
||||
Minecraft server software based on Paper. Focuses on introducing new configuration options to
|
||||
already existing features along with adding completely new features.
|
||||
Minecraft plugin for Paper and Purpur servers. Adds features that were suggested to be added in
|
||||
Purpur, but were deemed to be easier to maintain in a plugin.
|
||||
</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>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text-color: #cccccc;
|
||||
--text-color-highlight: #ffffff;
|
||||
@@ -119,10 +123,12 @@ article {
|
||||
align-items: center;
|
||||
background-color: rgba(0,0,0, 0.9);
|
||||
background-blend-mode: darken;
|
||||
background-attachment: local;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
background-image: url("/img/bg-projects.jpg");
|
||||
transition: background-color 4s;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
overflow-y: auto;
|
||||
overflow-y: overlay;
|
||||
}
|
||||
@@ -131,6 +137,30 @@ article {
|
||||
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 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -177,14 +207,8 @@ article {
|
||||
}
|
||||
|
||||
#projects .project-scroller {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
gap: 1.5rem;
|
||||
max-width: 100vw;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#projects .project-scroller article {
|
||||
@@ -194,16 +218,26 @@ article {
|
||||
text-align: start;
|
||||
flex-wrap: wrap;
|
||||
max-width: 34rem;
|
||||
padding: 0.5rem;
|
||||
gap: 0.25rem;
|
||||
padding-top: 0.5rem;
|
||||
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;
|
||||
flex-direction: row-reverse;
|
||||
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 {
|
||||
font-size: 1.4rem;
|
||||
color: var(--text-color-highlight);
|
||||
@@ -223,13 +257,15 @@ article {
|
||||
}
|
||||
|
||||
#projects .project-scroller article .project-logo {
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
min-width: 10rem;
|
||||
min-height: 10rem;
|
||||
min-width: 9rem;
|
||||
min-height: 9rem;
|
||||
max-width: 9rem;
|
||||
max-height: 9rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
#projects .project-scroller article .project-logo img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||