mirror of
https://github.com/mat-1/matdoesdev.git
synced 2025-08-02 14:46:04 +00:00
add more buttons to /old
This commit is contained in:
parent
b102d831ac
commit
704f98d011
3 changed files with 131 additions and 122 deletions
|
@ -1,138 +1,147 @@
|
|||
<script lang="ts">
|
||||
import sparkles from './sparkles.gif'
|
||||
import contact from './contact.gif'
|
||||
import links from './links.gif'
|
||||
import sparkles from './sparkles.gif'
|
||||
import contact from './contact.gif'
|
||||
import links from './links.gif'
|
||||
import projects from '../_projects.json'
|
||||
|
||||
import adryd from './buttons/adryd.png'
|
||||
import notnite from './buttons/notnite.gif'
|
||||
import archbtw from './buttons/archbtw.png'
|
||||
import getFirefox from './buttons/getfirefox.gif'
|
||||
import github from './buttons/github.gif'
|
||||
import kofi from './buttons/kofi.gif'
|
||||
import vscode from './buttons/vscode.gif'
|
||||
import hetzner from './buttons/hetzner.gif'
|
||||
import anythingbutchrome from './buttons/anythingbutchrome.gif'
|
||||
import tor from './buttons/tor.gif'
|
||||
import adryd from './buttons/adryd.png'
|
||||
import notnite from './buttons/notnite.gif'
|
||||
import archbtw from './buttons/archbtw.png'
|
||||
import getFirefox from './buttons/getfirefox.gif'
|
||||
import github from './buttons/github.gif'
|
||||
import kofi from './buttons/kofi.gif'
|
||||
import vscode from './buttons/vscode.gif'
|
||||
import hetzner from './buttons/hetzner.gif'
|
||||
import anythingbutchrome from './buttons/anythingbutchrome.gif'
|
||||
import tor from './buttons/tor.gif'
|
||||
import ublockorigin from './buttons/ublockorigin.png'
|
||||
import fightforprivacy from './buttons/fightforprivacy.gif'
|
||||
|
||||
import type { BlogPostPreview } from "../blog.json/+server.js"
|
||||
import type { BlogPostPreview } from '../blog.json/+server.js'
|
||||
|
||||
export let data
|
||||
export let posts: BlogPostPreview[] = data.posts
|
||||
</script>
|
||||
<table id="main-table">
|
||||
<tr>
|
||||
<td>
|
||||
<div id="welcome">
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src={sparkles} alt="sparkles"/></td>
|
||||
<td>
|
||||
<h1>welcome to mat's site!!!</h1>
|
||||
</td>
|
||||
<td><img src={sparkles} alt="sparkles"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div>
|
||||
hi, thanks for stopping by.
|
||||
i am mat, i make things on the internet.
|
||||
<br>
|
||||
this is my personal web site on the world wide web.
|
||||
</div>
|
||||
<br>
|
||||
<div>
|
||||
<a href="https://adryd.com/"><img src={adryd} alt="adryd" /></a>
|
||||
<a href="https://notnite.com/"><img src={notnite} alt="notnite" /></a>
|
||||
<a href="https://archlinux.org/"><img src={archbtw} alt="archbtw" /></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new/"><img src={getFirefox} alt="getFirefox" /></a>
|
||||
<a href="https://github.com/mat-1"><img src={github} alt="github" /></a>
|
||||
<a href="https://ko-fi.com/matdoesdev"><img src={kofi} alt="kofi" /></a>
|
||||
<a href="https://code.visualstudio.com/"><img src={vscode} alt="vscode" /></a>
|
||||
<a href="https://www.hetzner.com/"><img src={hetzner} alt="hetzner" /></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new/"><img src={anythingbutchrome} alt="anythingbutchrome" /></a>
|
||||
<a href="https://www.torproject.org/"><img src={tor} alt="tor" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sidebar-list">
|
||||
<h2>BLOG POSTS</h2>
|
||||
{#each posts as post}
|
||||
<div><a href={post.slug}>{post.title}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table id="sections">
|
||||
<tr>
|
||||
<td class="section contact">
|
||||
<div><img src={contact} alt="contact" /></div>
|
||||
<p>
|
||||
my preferred method of contact is <a href="https://matrix.to/#/@mat:matdoes.dev">matrix</a>,
|
||||
but you can also email me (i have a catch-all on this domain).
|
||||
i'm also on <a href="https://f.matdoes.dev/mat">the fediverse</a>.
|
||||
</p>
|
||||
</td>
|
||||
<td class="section links">
|
||||
<div><img src={links} alt="links" /></div>
|
||||
<p>
|
||||
i have a github at <a href="https://github.com/mat-1">github.com/mat-1</a>,
|
||||
and you can give me money through ko-fi at <a href="https://ko-fi.com/matdoesdev">ko-fi.com/matdoesdev</a>.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<div class="sidebar-list">
|
||||
<h2>PROJECTS</h2>
|
||||
{#each projects as project}
|
||||
<div><a href={project.href}>{project.name}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="https://counter.matdoes.dev" alt="visitor counter" id="counter"/>
|
||||
</td>
|
||||
</tr>
|
||||
<table id="main-table">
|
||||
<tr>
|
||||
<td>
|
||||
<div id="welcome">
|
||||
<table>
|
||||
<tr>
|
||||
<td><img src={sparkles} alt="sparkles" /></td>
|
||||
<td>
|
||||
<h1>welcome to mat's site!!!</h1>
|
||||
</td>
|
||||
<td><img src={sparkles} alt="sparkles" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div>
|
||||
hi, thanks for stopping by. i am mat, i make things on the internet.
|
||||
<br />
|
||||
this is my personal web site on the world wide web.
|
||||
</div>
|
||||
<br />
|
||||
<div>
|
||||
<a href="https://adryd.com/"><img src={adryd} alt="adryd" /></a>
|
||||
<a href="https://notnite.com/"><img src={notnite} alt="notnite" /></a>
|
||||
<a href="https://archlinux.org/"><img src={archbtw} alt="archbtw" /></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new/"
|
||||
><img src={getFirefox} alt="getFirefox" /></a
|
||||
>
|
||||
<a href="https://github.com/mat-1"><img src={github} alt="github" /></a>
|
||||
<a href="https://ko-fi.com/matdoesdev"><img src={kofi} alt="kofi" /></a>
|
||||
<a href="https://code.visualstudio.com/"><img src={vscode} alt="vscode" /></a>
|
||||
<a href="https://www.hetzner.com/"><img src={hetzner} alt="hetzner" /></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new/"
|
||||
><img src={anythingbutchrome} alt="anythingbutchrome" /></a
|
||||
>
|
||||
<a href="https://www.torproject.org/"><img src={tor} alt="tor" /></a>
|
||||
<a href="https://ublockorigin.com/"><img src={ublockorigin} alt="ublock origin" /></a>
|
||||
<a href="https://www.eff.org/"><img src={fightforprivacy} alt="fight for privacy" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sidebar-list">
|
||||
<h2>BLOG POSTS</h2>
|
||||
{#each posts as post}
|
||||
<div><a href={post.slug}>{post.title}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table id="sections">
|
||||
<tr>
|
||||
<td class="section contact">
|
||||
<div><img src={contact} alt="contact" /></div>
|
||||
<p>
|
||||
my preferred method of contact is <a href="https://matrix.to/#/@mat:matdoes.dev"
|
||||
>matrix</a
|
||||
>, but you can also email me (i have a catch-all on this domain). i'm also on
|
||||
<a href="https://f.matdoes.dev/mat">the fediverse</a>.
|
||||
</p>
|
||||
</td>
|
||||
<td class="section links">
|
||||
<div><img src={links} alt="links" /></div>
|
||||
<p>
|
||||
i have a github at <a href="https://github.com/mat-1">github.com/mat-1</a>, and you
|
||||
can give me money through ko-fi at
|
||||
<a href="https://ko-fi.com/matdoesdev">ko-fi.com/matdoesdev</a>.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td>
|
||||
<div class="sidebar-list">
|
||||
<h2>PROJECTS</h2>
|
||||
{#each projects as project}
|
||||
<div><a href={project.href}>{project.name}</a></div>
|
||||
{/each}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="https://counter.matdoes.dev" alt="visitor counter" id="counter" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<style>
|
||||
.sidebar-list {
|
||||
text-align: right;
|
||||
height: 400px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.sidebar-list h2 {
|
||||
margin: 0;
|
||||
}
|
||||
.sidebar-list {
|
||||
text-align: right;
|
||||
height: 400px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.sidebar-list h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#main-table {
|
||||
width: 100%;
|
||||
}
|
||||
#main-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#welcome {
|
||||
margin: 0 auto;
|
||||
max-width: 600px
|
||||
}
|
||||
#welcome {
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
#sections {
|
||||
width: 100%;
|
||||
}
|
||||
.section p {
|
||||
max-width: 300px;
|
||||
}
|
||||
.contact {
|
||||
padding-right: 10px
|
||||
}
|
||||
#sections {
|
||||
width: 100%;
|
||||
}
|
||||
.section p {
|
||||
max-width: 300px;
|
||||
}
|
||||
.contact {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#counter {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
#counter {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
|
|
BIN
src/routes/old/buttons/fightforprivacy.gif
Normal file
BIN
src/routes/old/buttons/fightforprivacy.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 21 KiB |
BIN
src/routes/old/buttons/ublockorigin.png
Normal file
BIN
src/routes/old/buttons/ublockorigin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5 KiB |
Loading…
Add table
Reference in a new issue