mirror of
https://github.com/JonasunderscoreJones/jonasjones.dev.git
synced 2025-10-22 16:39:18 +02:00
Compare commits
13 commits
2d697a0073
...
f02c365d10
| Author | SHA1 | Date | |
|---|---|---|---|
| f02c365d10 | |||
| 080f19eaed | |||
| 771e9e70d6 | |||
| c7f72effaf | |||
| 1e5b735b5c | |||
| 2f85c4a86f | |||
| 4ff0832062 | |||
| 886953b5bf | |||
| ca18227094 | |||
| ae2c70bf60 | |||
| abd8434ea6 | |||
| ef65182c12 | |||
| e7f13e55f7 |
14 changed files with 277 additions and 48 deletions
|
|
@ -1,26 +1,90 @@
|
|||
<script lang="ts">
|
||||
const year = new Date().getFullYear();
|
||||
</script>
|
||||
<div class="footer">
|
||||
<p>Website by Jonas_Jones 2021 - 2024</p>
|
||||
<div class="footer-left">
|
||||
<a href="https://github.com/JonasunderscoreJones" target="_blank" aria-label="github-link"><i class="fab fa-github"></i></a>
|
||||
<a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg" target="_blank" aria-label="youtube-link"><i class="fab fa-youtube"></i></a>
|
||||
<a href="https://discord.gg/V2EsuUVmWh" target="_blank" aria-label="discord-link"><i class="fab fa-discord"></i></a>
|
||||
<a href="mailto:me@jonasjones.dev" target="_blank" aria-label="mail-link"><i class="fas fa-envelope"></i></a>
|
||||
</div>
|
||||
|
||||
<p>Website by Jonas_Jones 2021 - {year}</p>
|
||||
|
||||
<div class="footer-right">
|
||||
<a href="https://jonasjones.dev" class="footer-link" target="_blank">
|
||||
Homepage
|
||||
<i class="fas fa-external-link"></i>
|
||||
</a>
|
||||
<a href="https://blog.jonasjones.dev" class="footer-link" target="_blank">
|
||||
Blog
|
||||
<i class="fas fa-external-link"></i>
|
||||
</a>
|
||||
<a href="https://docs.jonasjones.dev" class="footer-link" target="_blank">
|
||||
Docs
|
||||
<i class="fas fa-external-link"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
//import main css file
|
||||
import "../routes/+page.css";
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
height: 1rem;
|
||||
background-color: var(--footer-background-color);
|
||||
color: var(--footer-font-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
|
||||
.footer {
|
||||
height: 1rem;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.footer-left, .footer-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer-left a, .footer-right a {
|
||||
margin: 3px 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: gray;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-left a:hover, .footer-right a:hover {
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
position: fixed;
|
||||
right: 10px; /* Keep the right section fixed */
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footer-left {
|
||||
position: fixed;
|
||||
left: 10px; /* Keep the left section fixed */
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footer-link i {
|
||||
margin-left: 5px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.footer-left, .footer-right {
|
||||
display: none;
|
||||
}
|
||||
.footer-left a, .footer-right a {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -117,6 +117,11 @@
|
|||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="logo" style="opacity: 0">
|
||||
<a href="/">
|
||||
<img src="/icon_80x80.webp" alt="Logo" class="logo" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="lastfm">
|
||||
<a href="https://fm.jonasjones.dev" aria-label="Last.fm Profile">
|
||||
<span class="link"></span>
|
||||
|
|
@ -310,16 +315,20 @@
|
|||
align-items: right;
|
||||
float: right;
|
||||
display: flex;
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
right: 3px;
|
||||
top: 3.5px;
|
||||
border-radius: 5px;
|
||||
max-width: 300px;
|
||||
height: 43px;
|
||||
overflow: hidden;
|
||||
transition: margin-right 0.3s ease-in-out;
|
||||
}
|
||||
.lastfm:hover {
|
||||
background-color: var(--header-background-color-hover);
|
||||
margin-right: 15px;
|
||||
}
|
||||
.lastfm img {
|
||||
width: 30px;
|
||||
|
|
@ -359,13 +368,16 @@
|
|||
align-self: center;
|
||||
}
|
||||
.lastfm-text {
|
||||
display: none;
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
display: block;
|
||||
max-width: 0;
|
||||
transition: max-width 0.3s ease-in-out;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.lastfm:hover .lastfm-text {
|
||||
display:block
|
||||
}
|
||||
.lastfm:hover .lastfm-text {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.link {
|
||||
position: absolute;
|
||||
|
|
@ -396,7 +408,7 @@
|
|||
|
||||
@media only screen and (max-width: 650px) and (min-width: 375px) {
|
||||
.lastfm-text {
|
||||
display: block;
|
||||
max-width: 500px;
|
||||
}
|
||||
.nav-links {
|
||||
display: none;
|
||||
|
|
@ -416,6 +428,7 @@
|
|||
@media only screen and (max-width: 375px) and (min-width: 300px) {
|
||||
.lastfm {
|
||||
width: 50px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.nav-links {
|
||||
display: none;
|
||||
|
|
@ -431,6 +444,7 @@
|
|||
@media only screen and (max-width: 300px) and (min-width: 0px) {
|
||||
.lastfm {
|
||||
width: 50px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.nav-links {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -10,6 +10,9 @@
|
|||
|
||||
<div class="top">
|
||||
<img class="image" src="/project-banners{project.backgroud}" alt=" " />
|
||||
{#if project.kanban}
|
||||
<a href={project.kanban} target="_blank" class="project-kanban"><img class="project-kanban-image" src="/kanban.png" alt="Kanban Icon" /></a>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="project-languages">
|
||||
<ProjectLanguageIndicator {project} />
|
||||
|
|
@ -30,7 +33,7 @@
|
|||
>
|
||||
{project.status}
|
||||
</span>
|
||||
<span class="project-version">{project.version}</span>
|
||||
<span class="project-version">{project.version ? project.version : "-"}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -67,10 +70,11 @@
|
|||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-top: -4px;
|
||||
padding: 2px;
|
||||
padding: 2px 10px;
|
||||
border: 3px solid var(--project-version-color);
|
||||
border-radius: 100px;
|
||||
float: right;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
.project-description {
|
||||
|
|
@ -129,6 +133,19 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.project-kanban {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.project-kanban-image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 620px) {
|
||||
.project-topline {
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -2,8 +2,9 @@
|
|||
export let project;
|
||||
|
||||
import "../routes/+page.css";
|
||||
import FontAwesome from "./FontAwesome.svelte";
|
||||
</script>
|
||||
|
||||
<FontAwesome />
|
||||
<div class="project-links">
|
||||
{#each Object.entries(project.links) as [platform, link]}
|
||||
<a
|
||||
|
|
@ -13,14 +14,14 @@
|
|||
rel="noopener noreferrer"
|
||||
>
|
||||
{#if platform === "GH"}
|
||||
<i class="fa fa-github" aria-hidden="true"></i>
|
||||
<i class="fab fa-github" aria-hidden="true"></i>
|
||||
{:else if platform === "WB"}
|
||||
<i class="fa fa-globe" aria-hidden="true"></i>
|
||||
{:else if platform === "YT"}
|
||||
<i class="fa fa-youtube" aria-hidden="true"></i>
|
||||
{:else if platform === "TW"}
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
{:else if platform === "DC"}
|
||||
{:else if platform === "DS"}
|
||||
<i class="fa fa-discord" aria-hidden="true"></i>
|
||||
{:else if platform === "PT"}
|
||||
<i class="fa fa-patreon" aria-hidden="true"></i>
|
||||
|
|
@ -28,6 +29,22 @@
|
|||
<i class="fa fa-spotify" aria-hidden="true"></i>
|
||||
{:else if platform === "IG"}
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
{:else if platform === "MR"}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
|
||||
<path fill="currentColor" d="M12.252.004a11.78 11.768 0 0 0-8.92 3.73a11 10.999 0 0 0-2.17 3.11a11.37 11.359 0 0 0-1.16 5.169c0 1.42.17 2.5.6 3.77c.24.759.77 1.899 1.17 2.529a12.3 12.298 0 0 0 8.85 5.639c.44.05 2.54.07 2.76.02c.2-.04.22.1-.26-1.7l-.36-1.37l-1.01-.06a8.5 8.489 0 0 1-5.18-1.8a5.34 5.34 0 0 1-1.3-1.26c0-.05.34-.28.74-.5a37.572 37.545 0 0 1 2.88-1.629c.03 0 .5.45 1.06.98l1 .97l2.07-.43l2.06-.43l1.47-1.47c.8-.8 1.48-1.5 1.48-1.52c0-.09-.42-1.63-.46-1.7c-.04-.06-.2-.03-1.02.18c-.53.13-1.2.3-1.45.4l-.48.15l-.53.53l-.53.53l-.93.1l-.93.07l-.52-.5a2.7 2.7 0 0 1-.96-1.7l-.13-.6l.43-.57c.68-.9.68-.9 1.46-1.1c.4-.1.65-.2.83-.33c.13-.099.65-.579 1.14-1.069l.9-.9l-.7-.7l-.7-.7l-1.95.54c-1.07.3-1.96.53-1.97.53c-.03 0-2.23 2.48-2.63 2.97l-.29.35l.28 1.03c.16.56.3 1.16.31 1.34l.03.3l-.34.23c-.37.23-2.22 1.3-2.84 1.63c-.36.2-.37.2-.44.1c-.08-.1-.23-.6-.32-1.03c-.18-.86-.17-2.75.02-3.73a8.84 8.839 0 0 1 7.9-6.93c.43-.03.77-.08.78-.1c.06-.17.5-2.999.47-3.039c-.01-.02-.1-.02-.2-.03Zm3.68.67c-.2 0-.3.1-.37.38c-.06.23-.46 2.42-.46 2.52c0 .04.1.11.22.16a8.51 8.499 0 0 1 2.99 2a8.38 8.379 0 0 1 2.16 3.449a6.9 6.9 0 0 1 .4 2.8c0 1.07 0 1.27-.1 1.73a9.37 9.369 0 0 1-1.76 3.769c-.32.4-.98 1.06-1.37 1.38c-.38.32-1.54 1.1-1.7 1.14c-.1.03-.1.06-.07.26c.03.18.64 2.56.7 2.78l.06.06a12.07 12.058 0 0 0 7.27-9.4c.13-.77.13-2.58 0-3.4a11.96 11.948 0 0 0-5.73-8.578c-.7-.42-2.05-1.06-2.25-1.06Z"/>
|
||||
</svg>
|
||||
{:else if platform === "CF"}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
|
||||
<path fill="currentColor" d="M18.326 9.214s4.9-.772 5.674-3.026h-7.507V4.4H0l2.032 2.358v2.415s5.127-.267 7.11 1.237c2.714 2.516-3.053 5.917-3.053 5.917l-.99 3.273c1.547-1.473 4.494-3.377 9.899-3.286c-2.057.65-4.125 1.665-5.735 3.286h10.925l-1.029-3.273s-7.918-4.668-.833-7.112z"/>
|
||||
</svg>
|
||||
{:else if platform === "FJ"}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
|
||||
<path fill="currentColor" d="M16.777 0a2.9 2.9 0 1 1-2.529 4.322H12.91a4.266 4.266 0 0 0-4.265 4.195v2.118a7.076 7.076 0 0 1 4.147-1.42l.118-.002h1.338a2.9 2.9 0 0 1 5.43 1.422a2.9 2.9 0 0 1-5.43 1.422H12.91a4.266 4.266 0 0 0-4.265 4.195v2.319A2.9 2.9 0 0 1 7.222 24A2.9 2.9 0 0 1 5.8 18.57V8.589a7.109 7.109 0 0 1 6.991-7.108l.118-.001h1.338A2.9 2.9 0 0 1 16.778 0ZM7.223 19.905a1.194 1.194 0 1 0 0 2.389a1.194 1.194 0 0 0 0-2.389Zm9.554-10.464a1.194 1.194 0 1 0 0 2.389a1.194 1.194 0 0 0 0-2.39Zm0-7.735a1.194 1.194 0 1 0 0 2.389a1.194 1.194 0 0 0 0-2.389Z"/>
|
||||
</svg>
|
||||
{:else if platform === "DC"}
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 8 8">
|
||||
<path fill="currentColor" d="M1 0C.93 0 .87.01.81.03C.42.11.11.42.03.81C0 .87 0 .93 0 1v5.5C0 7.33.67 8 1.5 8H7V7H1.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H7V.5c0-.28-.22-.5-.5-.5H6v3L5 2L4 3V0H1z"/>
|
||||
</svg>
|
||||
{:else}
|
||||
{platform}
|
||||
{/if}
|
||||
|
|
@ -36,6 +53,7 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
|
||||
.project-links {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,8 @@
|
|||
|
||||
:root {
|
||||
--background-color: #202324;
|
||||
--font-color: rgb(0, 255, 0);
|
||||
/*--font-color: rgb(0, 255, 0);*/
|
||||
--font-color: lightgray;
|
||||
--font-hover-color: green;
|
||||
--header-background-color: rgba(0, 0, 0, 0.4);
|
||||
--header-background-color-hover: #202324;
|
||||
|
|
@ -114,9 +115,90 @@ a:hover {
|
|||
|
||||
.image-wrapper {
|
||||
position: relative;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
width: 75%;
|
||||
perspective: 800px;
|
||||
/* elements inside should be next to each other */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 2rem auto;
|
||||
}
|
||||
|
||||
.image-wrapper h1 {
|
||||
padding-left: 20px;
|
||||
font-size: clamp(2rem, 8vw, 6rem);;
|
||||
color: var(--header-font-color);
|
||||
}
|
||||
|
||||
.hr-sub-header-line {
|
||||
width: 50rem;
|
||||
max-width: 95%;
|
||||
height: 1px;
|
||||
margin: 2rem 0;
|
||||
margin-top: -2.5rem;
|
||||
}
|
||||
|
||||
.hr-line {
|
||||
width: 30rem;
|
||||
height: 1px;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.quick-links a i {
|
||||
color: var(--font-color);
|
||||
text-decoration: none;
|
||||
font-size: 5rem;
|
||||
margin: 0 1rem;
|
||||
transition: color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.quick-links a:hover i {
|
||||
color: var(--font-hover-color);
|
||||
}
|
||||
|
||||
.quick-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 1rem;
|
||||
overflow:initial
|
||||
}
|
||||
|
||||
.quick-links .row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 1rem; /* optional: adds space between items */
|
||||
}
|
||||
|
||||
.quick-links a {
|
||||
text-decoration: none;
|
||||
color: var(--font-color);
|
||||
text-align: center;
|
||||
margin: 0 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.quick-links a p {
|
||||
opacity: 0;
|
||||
font-size: 1.2rem;
|
||||
color: var(--font-color);
|
||||
margin-top: 0.5rem;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
.quick-links a:hover p {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.all-links-button {
|
||||
padding: 0.5rem 1rem;
|
||||
color: var(--header-font-color);
|
||||
transition: color 0.3s ease;
|
||||
font-size: 2rem;
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
}
|
||||
|
||||
.card-front,
|
||||
|
|
|
|||
|
|
@ -10,12 +10,24 @@
|
|||
<title>Jonas_Jones</title>
|
||||
<Padding />
|
||||
<div class="image-wrapper">
|
||||
<!-- svelte-ignore a11y-img-redundant-alt -->
|
||||
<img
|
||||
src="/icon_800x800_transparent.webp"
|
||||
alt="My Picture"
|
||||
alt="Jonas_Jones Icon"
|
||||
class="picture"
|
||||
style="width: 100%; height: auto; max-width: 200px; max-height: 200px;"
|
||||
/>
|
||||
<h1 class="name">Jonas_Jones</h1>
|
||||
</div>
|
||||
<div class="hr-sub-header-line">
|
||||
<hr />
|
||||
</div>
|
||||
<div class="quick-links">
|
||||
<div class="row">
|
||||
<a href="https://github.com/JonasunderscoreJones" target="_blank" aria-label="github-link"><i class="fab fa-github"></i><p>GitHub</p></a>
|
||||
<a href="https://docs.jonasjones.dev" target="_blank" aria-label="docs-link"><i class="fas fa-book"></i><p>Docs</p></a>
|
||||
<a href="https://blog.jonasjones.dev" target="_blank" aria-label="blog-link"><i class="fas fa-square-rss"></i><p>Blog</p></a>
|
||||
<a href="mailto:me@jonasjones.dev" aria-label="mail-link"><i class="fas fa-envelope"></i><p>Email</p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line">
|
||||
<hr />
|
||||
|
|
@ -23,13 +35,31 @@
|
|||
<div class="line-content">
|
||||
<p>Idk how this dot got here but im leaving it.</p>
|
||||
</div>
|
||||
<div class="social-media">
|
||||
<div class="row">
|
||||
<a href="https://github.com/JonasunderscoreJones" aria-label="github-link"><i class="fab fa-github"></i></a>
|
||||
<a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg" aria-label="youtube-link"><i class="fab fa-youtube"></i></a>
|
||||
<a href="https://discord.gg/V2EsuUVmWh" aria-label="discord-link"><i class="fab fa-discord"></i></a>
|
||||
<a href="mailto:me@jonasjones.dev" aria-label="email-link"><i class="fas fa-envelope"></i></a>
|
||||
<!--<a href="#all-links" class="all-links-button" aria-label="all-links-button">
|
||||
<i class="fas fa-circle-down"></i>
|
||||
</a>-->
|
||||
<Padding />
|
||||
<div class="all-links" id="all-links">
|
||||
<h1>All Links</h1>
|
||||
<div class="quick-links">
|
||||
<div class="row">
|
||||
<a href="https://discord.gg/V2EsuUVmWh" target="_blank" aria-label="discord-link"><i class="fab fa-discord"></i><p>Discord</p></a>
|
||||
<a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg" target="_blank" aria-label="youtube-link"><i class="fab fa-youtube"></i><p>YouTube</p></a>
|
||||
<a href="https://www.instagram.com/_jonas_jones_/" target="_blank" aria-label="instagram-link"><i class="fab fa-instagram"></i><p>Instagram</p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="quick-links">
|
||||
<div class="row">
|
||||
<a href="https://dash.jonasjones.dev" target="_blank" aria-label="dashboard-link"><i class="fas fa-gauge-high"></i><p>Dashboard</p></a>
|
||||
<a href="https://bingo.jonasjones.dev" target="_blank" aria-label="bingo-link"><i class="fas fa-table-cells"></i><p>Bingo</p></a>
|
||||
<a href="https://stats.jonasjones.dev" target="_blank" aria-label="stats-link"><i class="fas fa-chart-column"></i><p>Analytics</p></a>
|
||||
<a href="https://kcomebacks.jonasjones.dev" target="_blank" aria-label="kcomebacks-link"><i class="fas fa-bullhorn"></i><p>K-Comebacks</p></a>
|
||||
<a href="https://fileshare.jonasjones.dev" target="_blank" aria-label="fileshare-link"><i class="fas fa-square-share-nodes"></i><p>Fileshare</p></a>
|
||||
<a href="https://codes.jonasjones.dev" target="_blank" aria-label="code-gen-link"><i class="fas fa-qrcode"></i><p>Code Gen.</p></a>
|
||||
<a href="https://builds.jonasjones.dev" target="_blank" aria-label="pages-builds-link"><i class="fas fa-wrench"></i><p>Builds Index</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Padding />
|
||||
</ParallaxBg>
|
||||
<Footer />
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
import Padding from "../../components/padding.svelte";
|
||||
import ProjectComponent from "../../components/ProjectComponent.svelte";
|
||||
|
||||
// import './+page.css';
|
||||
|
||||
export let data: {
|
||||
projects: Project[];
|
||||
};
|
||||
|
|
@ -18,6 +16,13 @@
|
|||
categories: string[];
|
||||
languages: { [key: string]: any };
|
||||
status: string;
|
||||
statuscolor: string;
|
||||
version: string;
|
||||
backgroud: string;
|
||||
links: { [key: string]: string };
|
||||
image: string;
|
||||
icon: string;
|
||||
kanban: string;
|
||||
visible: boolean;
|
||||
}
|
||||
|
||||
|
|
@ -165,7 +170,6 @@
|
|||
position: relative;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 2px solid var(--project-border-color);
|
||||
min-width: 530px;
|
||||
background-color: var(--background-color);
|
||||
|
|
|
|||
BIN
static/kanban.png
Normal file
BIN
static/kanban.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
static/project-banners/aka-worker.png
Normal file
BIN
static/project-banners/aka-worker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
static/project-banners/blog.png
Normal file
BIN
static/project-banners/blog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
static/project-banners/codes-generator.png
Normal file
BIN
static/project-banners/codes-generator.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
BIN
static/project-banners/discord-chatlink.png
Normal file
BIN
static/project-banners/discord-chatlink.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
static/project-banners/rss-worker.png
Normal file
BIN
static/project-banners/rss-worker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Loading…
Add table
Add a link
Reference in a new issue