sangelo/website
sangelo/website
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Style tweaks, add archived project

Browse source 
- Add Default++
- Tweak modal-more.scss styles
- Add Unique banner for compatibility
This commit is contained in:
Sangelo 2024-02-13 17:43:57 +01:00
parent 28685801da
commit c2eda4c747
6 changed files with 48 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/routes/modals/more.svelte
View file

@ -86,11 +86,11 @@
<p class="modal-title">These are projects that have either been archived or don't see a lot of work anymore. They might or might not return some day.</p>
<ul class="item-list">
<a class="item inactive" href="https://github.com/runestudios" rel="noopener noreferrer" target="_blank" tabindex="0">
<div class="thumbnail"><img src="assets/logos/runestudios.svg" alt="RuneStudios Logo" /></div>
<a class="item inactive" href="https://github.com/SangeloDev/Unique" rel="noopener noreferrer" target="_blank" tabindex="0">
<div class="thumbnail"><img src="assets/logos/unique.svg" alt="RuneStudios Logo" /></div>
<div class="item-details">
<h2>RuneStudios</h2>
<p class="item-description">Small group of passionate devs and designers.</p>
<h2>Unique</h2>
<p class="item-description">A Minecraft 1.18.2 Plugin that aims to make the use of Essentials-like tools as user-friendly as possible. Made as a school project.</p>
</div>
</a>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
@ -101,6 +101,13 @@
<p class="item-description">Was-to-be a Minecraft minigame server network with original minigames.</p>
</div>
</div>
<a class="item inactive" href="https://github.com/runestudios" rel="noopener noreferrer" target="_blank" tabindex="0">
<div class="thumbnail"><img src="assets/logos/runestudios.svg" alt="RuneStudios Logo" /></div>
<div class="item-details">
<h2>RuneStudios</h2>
<p class="item-description">Small group of passionate devs and designers.</p>
</div>
</a>
<a class="item inactive" href="https://github.com/SangeloDev/SpaceBot" rel="noopener noreferrer" target="_blank" tabindex="0">
<div class="thumbnail"><img src="assets/logos/spacebot.svg" alt="Spacebot Logo" /></div>
<div class="item-details">
@ -108,15 +115,19 @@
<p class="item-description">A Discord bot made to do general moderation and management tasks.</p>
</div>
</a>
<a class="item inactive" href="https://github.com/SangeloDev/DefaultPlusPlus" rel="noopener noreferrer" target="_blank" tabindex="0">
<div class="thumbnail"><img src="assets/logos/not-found.svg" alt="No Project Logo" /></div>
<div class="item-details">
<h2>Default++</h2>
<p class="item-description">A BetterDiscord theme made to add support for userbg to another theme, which I don't remember anymore. I used this project to explore CSS' capabilities.</p>
</div>
</a>
</ul>
<p class="end-text">
<IconCobweb size="2em"/><br>
You've reached the end! There might be more projects coming soon 🤔...
</p>
</div>
<!-- Show modals -->
<Modal show={showModal} on:close={handleModalClose} contentComponent={selectedModule} />
</div>
</content>

3
src/styles/modal-more.scss
View file

@ -83,13 +83,14 @@
.item-details {
flex-grow: 1;
padding: 0.5em 0 0.5em 0;
h2 {
margin: 0 auto 0 auto;
}
.item-description {
margin: 0 auto 0.5em auto;
margin: 0 1em 0.5em auto;
}
}
}

18
static/assets/img/banner-bg.svg
View file

@ -1,18 +0,0 @@
<svg width="1920" height="470" viewBox="0 0 1920 470" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1705_2)">
<rect width="1920" height="117.5" fill="#00C4FB"/>
<rect y="117.5" width="1920" height="117.5" fill="#00B1FA"/>
<rect y="235" width="1920" height="117.5" fill="#0091FB"/>
<rect y="352.5" width="1920" height="117.5" fill="#0075F7"/>
<rect width="1920" height="470" fill="url(#paint0_linear_1705_2)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1705_2" x1="-8.94069e-06" y1="235" x2="1920" y2="235" gradientUnits="userSpaceOnUse">
<stop offset="0.722036" stop-color="#121316"/>
<stop offset="1" stop-color="#121316" stop-opacity="0.44"/>
</linearGradient>
<clipPath id="clip0_1705_2">
<rect width="1920" height="470" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 797 B

BIN
static/assets/img/unique-banner.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 KiB

4
static/assets/logos/not-found.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" fill="#2B2D42"/>
<path d="M256 97C343.45 97 415 168.55 415 256C415 343.45 343.45 415 256 415C168.55 415 97 343.45 97 256C97 168.55 168.55 97 256 97ZM256 128.8C225.79 128.8 198.76 138.34 178.09 155.83L356.17 333.91C372.07 311.65 383.2 284.62 383.2 256C383.2 186.04 325.96 128.8 256 128.8ZM333.91 356.17L155.83 178.09C138.34 198.76 128.8 225.79 128.8 256C128.8 325.96 186.04 383.2 256 383.2C286.21 383.2 313.24 373.66 333.91 356.17Z" fill="#3E4053"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 587 B

24
static/assets/logos/unique.svg Normal file
View file

@ -0,0 +1,24 @@
<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="500" height="500" fill="url(#paint0_linear_603_2)"/>
<g filter="url(#filter0_d_603_2)">
<path d="M369.308 185.893C371.029 197.815 372 210.873 372 222.916C372 234.743 370.73 247.219 369.322 258.965C365.412 291.594 348.618 320.568 322.743 340.791C269.12 382.702 187.594 368.229 149.707 312.551C139.832 298.04 133.376 281.144 130.699 263.836C128.662 250.667 127.055 237.186 127.055 223.89C127.055 201.369 124.995 174.436 146.05 159.381C149.294 157.06 153.033 155.173 156.788 153.829C165.685 150.644 176.007 150.466 185.098 152.921C188.694 153.893 194.5 158.691 198.312 157.905C201.275 157.294 204.327 152.651 206.589 150.744C212.122 146.077 218.398 142.278 225.122 139.568C243.886 132.005 266.457 133.97 283.695 144.45C289.41 147.924 294.42 154.239 300 157.5C303 159.253 306.654 156.084 309 155C314.2 152.596 319.036 151.708 324.696 151.1C345.672 148.845 366.338 165.321 369.308 185.893ZM338.701 189.794C335.587 180.016 320.606 176.5 315.806 188.82C313.511 194.711 314.933 203.046 314.933 209.276C314.933 224.647 316.567 240.975 313.091 256.042C302.406 302.355 245.662 322.994 208.527 292.612C195.006 281.551 186.523 265.491 184.401 248.247C183.151 238.088 184.122 227.301 184.122 217.07C184.122 208.664 185.906 197.901 183.562 189.791C180.183 178.093 162.5 177.139 158.901 191.738C156.474 201.584 156.788 212.777 156.788 222.916C156.788 241.07 158.486 259.187 165.012 276.502C186.27 332.894 259.098 353.527 306.148 315.021C324.933 299.646 338.063 277.24 340.372 253.119C341.322 243.203 341.969 232.875 341.969 222.916C341.969 212.93 341.742 199.34 338.701 189.794ZM283.238 192.713C277.993 164.962 241.552 156.923 223.351 177.139C211.454 190.353 214.384 210.418 214.384 226.813C214.384 234.177 213.64 241.982 215.184 249.222C221.067 276.839 257.672 287.124 276.062 264.772C287.068 251.394 283.695 232.232 283.695 216.096C283.695 208.513 284.65 200.184 283.238 192.713Z" fill="#F8FFFC"/>
</g>
<defs>
<filter id="filter0_d_603_2" x="104" y="116" width="291" height="276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="11.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_603_2"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_603_2" result="shape"/>
</filter>
<linearGradient id="paint0_linear_603_2" x1="500" y1="3.76081" x2="35.0811" y2="526.97" gradientUnits="userSpaceOnUse">
<stop stop-color="#62BA84"/>
<stop offset="0.15625" stop-color="#63BF9A"/>
<stop offset="0.875" stop-color="#62AEE9"/>
<stop offset="0.976999" stop-color="#62A3C0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB