Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 08:59:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

initial structure

Browse source 
svelte kit structure with homepage
This commit is contained in:
Jonas_Jones 2023-03-24 00:47:40 +01:00
parent 29ed9db080
commit 7ad7aff238
24 changed files with 1982 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/app.d.ts vendored Normal file
View file

@ -0,0 +1,12 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface Platform {}
}
}
export {};

12
src/app.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

57
src/routes/+page.css Normal file
View file

@ -0,0 +1,57 @@
/* Import Font Awesome for social media icons */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
background-color: #333;
color: green
}
/* Set container styles */
.container {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
/* Set ASCII art styles */
.ascii-art {
height: 40%;
font-size: 20px;
font-family: monospace;
font-style: bold;
}
/* Set links styles */
.links {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 1rem;
}
.links a {
margin: 0 1rem;
}
/* Set social media styles */
.social-media {
margin-top: 1rem;
}
.row {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 1rem;
}
.row a {
margin-right: 1rem;
color: #333;
text-decoration: none;
}

45
src/routes/+page.svelte Normal file
View file

@ -0,0 +1,45 @@
<div class="container">
<div class="ascii-art">
<pre>
<code>
___________________
| |
| ____ ____ |
| | | | | |
| |____| |____| |
| __ |
| |__| |
| |
|___________________|
</code>
</pre>
</div>
<div class="links">
<a href="home/">Home</a>
<a href="the-based/">For The Based(TM)</a>
</div>
<hr>
<div class="social-media">
<div class="row">
<a href="https://github.com"><i class="fab fa-github"></i></a>
<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
<a href="https://discord.com"><i class="fab fa-discord"></i></a>
</div>
<div class="row">
<a href="https://www.reddit.com"><i class="fab fa-reddit"></i></a>
<a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<script>
// Add script here if needed
</script>
<style>
@import '+page.css';
</style>

1
src/routes/home/+page.svelte Normal file
View file

@ -0,0 +1 @@
uwu