1
0
Fork 0
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:
mat 2023-10-29 14:07:53 -05:00
parent b102d831ac
commit 704f98d011
3 changed files with 131 additions and 122 deletions

View file

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5 KiB