Compare commits
3 Commits
1aa6b6ce77
...
bd20bcd0c3
| Author | SHA1 | Date |
|---|---|---|
 Jill
|
bd20bcd0c3
|
|
|
Jill
|
7f4d54d046
|
|
|
Jill
|
0cc59c3038
|
51
package.json
51
package.json
|
|
@ -1,26 +1,29 @@
|
|||
{
|
||||
"name": "dark-firepit.cloud",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-auto": "next",
|
||||
"@sveltejs/kit": "next",
|
||||
"svelte": "^3.44.0",
|
||||
"vite": "^3.1.0"
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@fontsource/noto-emoji": "^4.5.5",
|
||||
"@fontsource/roboto": "^4.5.8",
|
||||
"@sveltejs/adapter-node": "1.0.0-next.100",
|
||||
"@sveltejs/adapter-static": "1.0.0-next.48",
|
||||
"modern-normalize": "^1.1.0",
|
||||
"roboto-fontface": "^0.10.0",
|
||||
"tippy.js": "^6.3.7"
|
||||
}
|
||||
"name": "dark-firepit.cloud",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-auto": "next",
|
||||
"@sveltejs/kit": "^1.24.1",
|
||||
"postcss": "^8.4.29",
|
||||
"postcss-load-config": "^4.0.1",
|
||||
"svelte": "^4.2.0",
|
||||
"vite": "^4.4.9"
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@fontsource/noto-emoji": "^4.5.6",
|
||||
"@fontsource/roboto": "^4.5.8",
|
||||
"@sveltejs/adapter-node": "1.0.0-next.100",
|
||||
"@sveltejs/adapter-static": "1.0.0-next.48",
|
||||
"modern-normalize": "^1.1.0",
|
||||
"postcss-preset-env": "^9.1.3",
|
||||
"roboto-fontface": "^0.10.0",
|
||||
"tippy.js": "^6.3.7"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
1802
pnpm-lock.yaml
1802
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,7 @@
|
|||
const postcssPresetEnv = require("postcss-preset-env");
|
||||
|
||||
const config = {
|
||||
plugins: [postcssPresetEnv()],
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<script>
|
||||
export let remote;
|
||||
export let hash;
|
||||
</script>
|
||||
|
||||
<footer class="center">
|
||||
<hr>
|
||||
|
||||
<div class="center">
|
||||
<a href="https://stats.uptimerobot.com/ZyM4vi7Ao7" style="text-decoration: none">Status</a> • <a href="{remote.replace('.git', '')}/src/commit/{hash}" style="text-decoration: none">Source ({hash.slice(0, 7)})</a>
|
||||
</div>
|
||||
|
||||
<i>Thank you for sus lel meem fof.</i><br>
|
||||
<img src="wawoo.png" alt="wawoo.png">
|
||||
<img src="cat.gif" alt="a jumping cat">
|
||||
<br>
|
||||
<img src="badges/badge1.gif" alt="badge that says 'best viewed with any browser, any os'">
|
||||
<img src="badges/badge2.gif" alt="aol instant messenger badge">
|
||||
<img src="badges/badge3.gif" alt="'written in the vi editor' badge">
|
||||
<img src="badges/badge4.gif" alt="'get quake now' badge">
|
||||
<a class="stealth-link" href="https://dark-firepit.cloud"><img src="badges/dark-firepit.png" alt="the dark-firepit badge"></a>
|
||||
<a class="stealth-link" href="https://oat.zone"><img src="badges/oat-zone.gif" alt="the oat.zone badge"></a>
|
||||
</footer>
|
||||
|
|
@ -1,14 +1,15 @@
|
|||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.logo {
|
||||
border-radius: 50%;
|
||||
animation: 2s glow infinite ease-in-out;
|
||||
animation-direction: alternate;
|
||||
display: block;
|
||||
margin: 1.5rem auto;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<img src="/logo.png" width="128" height="128" class="logo center" alt="dark-firepit logo">
|
||||
<h1 class="center glow-text"><a class="stealth-link" href="/">dark-firepit</a></h1>
|
||||
<header>
|
||||
<img src="/logo.png" width="128" height="128" class="logo" alt="dark-firepit logo">
|
||||
<h1 class="center glow-text"><a class="stealth-link" href="/">dark-firepit</a></h1>
|
||||
</header>
|
||||
|
|
@ -203,7 +203,7 @@ a set of 2 wedding videos.
|
|||
transition-timing-function: ease-out;
|
||||
height: 175px;
|
||||
transition: width 0.5s, height 0.45s, top 0.5s, left 0.45s, background-color 0.1s;
|
||||
background-color: transparent;
|
||||
background-color: rgba(25, 25, 25, 0.6);
|
||||
gap: 0.7em;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
|
|
@ -319,7 +319,7 @@ a set of 2 wedding videos.
|
|||
{/each}
|
||||
<button class="person disabled">
|
||||
<div class="person-icon-fake">
|
||||
+7
|
||||
+9
|
||||
</div>
|
||||
<div class="person-name">...and others</div>
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
<script>
|
||||
export let hash;
|
||||
export let title;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
aspect-ratio: 16 / 9;
|
||||
}
|
||||
</style>
|
||||
|
||||
<iframe width="1280" height="720" src="https://www.youtube.com/embed/{hash}" {title} frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen/>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
import 'modern-normalize';
|
||||
import 'roboto-fontface/css/roboto/roboto-fontface.css';
|
||||
//import '@fontsource/noto-emoji';
|
||||
import '../style.css';
|
||||
import '../style.postcss';
|
||||
</script>
|
||||
|
||||
<slot/>
|
||||
<slot />
|
||||
|
|
|
|||
|
|
@ -4,6 +4,8 @@
|
|||
import tippy from 'tippy.js';
|
||||
import 'tippy.js/dist/tippy.css';
|
||||
import { onMount } from "svelte";
|
||||
import Footer from "../lib/Footer.svelte";
|
||||
import YoutubeEmbed from "../lib/YoutubeEmbed.svelte";
|
||||
|
||||
let tipFriendCloud;
|
||||
|
||||
|
|
@ -25,17 +27,17 @@
|
|||
<main>
|
||||
<Header/>
|
||||
|
||||
<div class="big paragraph neat-bg-container">
|
||||
<div class="big neat-bg-container">
|
||||
<div class="neat-bg" style="transform: skewY(1deg)"></div>
|
||||
<pre>firepit</pre> is a friend group of sane<em>*</em> developers, mathematicians, artists
|
||||
and overall queer furries.
|
||||
</div>
|
||||
|
||||
<div class="paragraph center">
|
||||
<p>
|
||||
This domain <em>(and associated server)</em> is used for hosting various
|
||||
<span class="has-tooltip" bind:this={tipFriendCloud}>friend cloud</span> services. <span title="among us">Among</span> those
|
||||
services is:
|
||||
</div>
|
||||
</p>
|
||||
|
||||
<el>
|
||||
<li><a href="https://nextcloud.oat.zone">Nextcloud</a></li>
|
||||
|
|
@ -43,9 +45,9 @@
|
|||
<li><a href="https://nitter.oat.zone/">Nitter</a></li>
|
||||
</el>
|
||||
|
||||
<div class="paragraph">
|
||||
<p>
|
||||
Alongside those, we also host some miscellaneous pages and services:
|
||||
</div>
|
||||
</p>
|
||||
|
||||
<el>
|
||||
<li><a href="/videos-of-all-time">Videos of all time</a></li>
|
||||
|
|
@ -59,59 +61,50 @@
|
|||
</li>
|
||||
</el>
|
||||
|
||||
<div class="paragraph">
|
||||
<p>
|
||||
And occasionally, we fork or develop software:
|
||||
</div>
|
||||
</p>
|
||||
|
||||
<el>
|
||||
<li><a href="https://git.oat.zone/dark-firepit/dark-firepit-modpack">1.19.2 Minecraft modpack</a></li>
|
||||
<li><a href="https://git.oat.zone/dark-firepit/dotfiles">NixOS system configuration</a></li>
|
||||
</el>
|
||||
|
||||
<div class="big paragraph neat-bg-container center">
|
||||
<p>
|
||||
We've also held a talk on the <a href="https://blanketcon.modfest.net/">BlanketCon modded convention</a>:
|
||||
</p>
|
||||
|
||||
<YoutubeEmbed hash="LIpyC_q7JXw" title="An unintentional CTF, and how we solved it [BlanketCon 23 UNAUTHORIZED????]"/>
|
||||
|
||||
<div class="big neat-bg-container center">
|
||||
<div class="neat-bg" style="transform: skewY(-1deg)"></div>
|
||||
But who are we, really?
|
||||
</div>
|
||||
|
||||
<div class="paragraph center">
|
||||
We consist of 14 people, give or take:
|
||||
</div>
|
||||
<p class="center">
|
||||
We consist of 16 people, give or take:
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<People/>
|
||||
|
||||
<div class="big paragraph neat-bg-container center">
|
||||
<div class="big neat-bg-container center">
|
||||
<div class="neat-bg" style="transform: skewY(0.5deg)"></div>
|
||||
Why not reach out?
|
||||
</div>
|
||||
|
||||
<div class="paragraph">
|
||||
<p>
|
||||
<b>Tell us feedback about our services!</b> Tell us suggestions, issues, or just tell us about your day.
|
||||
We'll be sure to communally decide how to reply with the most informative, funniest or otherwise best
|
||||
response possible.
|
||||
</div>
|
||||
</p>
|
||||
|
||||
<div class="paragraph">
|
||||
<p>
|
||||
Currently, you'll just have to use Jill's email, which would be <b>oat at [its domain]</b> (be sure
|
||||
to include <i>"firepit"</i> somewhere in the subject line). However, in the future we're looking to get
|
||||
more contact options. <i>Don't expect any requests to join the group to be taken seriously.</i>
|
||||
</div>
|
||||
</p>
|
||||
|
||||
<hr style="width: 120%; left: -10%; position: relative">
|
||||
|
||||
<div class="center">
|
||||
<a href="https://stats.uptimerobot.com/ZyM4vi7Ao7" style="text-decoration: none">Status</a> • <a href="{data.remote.replace('.git', '')}/src/commit/{data.hash}" style="text-decoration: none">Source ({data.hash.slice(0, 7)})</a>
|
||||
</div>
|
||||
|
||||
<footer class="center">
|
||||
<i>Thank you for sus lel meem fof.</i><br>
|
||||
<img src="wawoo.png" alt="wawoo.png">
|
||||
<img src="cat.gif" alt="a jumping cat">
|
||||
<br>
|
||||
<img src="badges/badge1.gif" alt="badge that says 'best viewed with any browser, any os'">
|
||||
<img src="badges/badge2.gif" alt="aol instant messenger badge">
|
||||
<img src="badges/badge3.gif" alt="'written in the vi editor' badge">
|
||||
<img src="badges/badge4.gif" alt="'get quake now' badge">
|
||||
<a class="stealth-link" href="https://dark-firepit.cloud"><img src="badges/dark-firepit.png" alt="the dark-firepit badge"></a>
|
||||
<a class="stealth-link" href="https://oat.zone"><img src="badges/oat-zone.gif" alt="the oat.zone badge"></a>
|
||||
</footer>
|
||||
<Footer remote={data.remote} hash={data.hash}/>
|
||||
</main>
|
||||
|
|
@ -25,5 +25,5 @@ export async function load({ params }) {
|
|||
|
||||
const sorted = fileMetadata.sort((a, b) => a.modified - b.modified).map(a => ({width: a.width, height: a.height, name: a.name, mime: a.mime}));
|
||||
|
||||
return sorted;
|
||||
return {videos: sorted};
|
||||
}
|
||||
|
|
@ -3,6 +3,7 @@
|
|||
|
||||
/** @type {import('./$types').PageData} */
|
||||
export let data;
|
||||
let videos = data.videos;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
|
@ -43,13 +44,13 @@
|
|||
<main style="width: 1100px">
|
||||
<Header/>
|
||||
|
||||
<div class="big paragraph neat-bg-container center">
|
||||
<div class="big neat-bg-container center">
|
||||
<div class="neat-bg" style="transform: skewY(1deg)"></div>
|
||||
videos of all fucking time compilation
|
||||
</div>
|
||||
|
||||
<div class="videos">
|
||||
{#each Object.values(data) as vid}
|
||||
{#each Object.values(videos) as vid}
|
||||
<div class="video">
|
||||
<!-- svelte-ignore a11y-media-has-caption -->
|
||||
<video
|
||||
|
|
|
|||
|
|
@ -7,10 +7,11 @@ a:not(.stealth-link) {
|
|||
color: #fff;
|
||||
filter: drop-shadow(0px 0px 0px transparent);
|
||||
transition: color 0.08s, filter 0.08s;
|
||||
}
|
||||
a:not(.stealth-link):hover {
|
||||
color: var(--accent-color-highlight);
|
||||
filter: drop-shadow(0px 0px 4px var(--accent-color-highlight));
|
||||
|
||||
&:hover {
|
||||
color: var(--accent-color-highlight);
|
||||
filter: drop-shadow(0px 0px 6px var(--accent-color-highlight));
|
||||
}
|
||||
}
|
||||
a.stealth-link {
|
||||
color: #fff;
|
||||
|
|
@ -37,21 +38,30 @@ body {
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: auto;
|
||||
max-width: 90%;
|
||||
width: 600px;
|
||||
margin: 0 2rem;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2em;
|
||||
padding-top: 3em;
|
||||
margin-bottom: 6em;
|
||||
}
|
||||
.big {
|
||||
margin: 0 -2rem;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
main {
|
||||
margin: 0 0;
|
||||
}
|
||||
.big {
|
||||
margin: 0px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
}
|
||||
pre {
|
||||
display: inline;
|
||||
|
|
@ -61,10 +71,27 @@ em {
|
|||
}
|
||||
.big {
|
||||
font-size: 28px;
|
||||
}
|
||||
.paragraph {
|
||||
|
||||
line-height: 1.3;
|
||||
text-align: justify;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
|
||||
width: fit-content;
|
||||
}
|
||||
p {
|
||||
line-height: 1.3;
|
||||
text-align: justify;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
hr {
|
||||
border-color: #222230;
|
||||
margin: 1rem -2rem;
|
||||
|
||||
@media (max-width: 650px) {
|
||||
margin: 1rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glow {
|
||||
|
|
@ -1,16 +1,15 @@
|
|||
import adapter from '@sveltejs/adapter-static';
|
||||
import { vitePreprocess } from "@sveltejs/kit/vite";
|
||||
import adapter from "@sveltejs/adapter-static";
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config} */
|
||||
const config = {
|
||||
kit: {
|
||||
adapter: adapter({
|
||||
//fallback: 'index.html'
|
||||
}),
|
||||
trailingSlash: 'always',
|
||||
prerender: {
|
||||
enabled: true
|
||||
}
|
||||
}
|
||||
kit: {
|
||||
adapter: adapter({
|
||||
//fallback: 'index.html'
|
||||
}),
|
||||
},
|
||||
|
||||
preprocess: [vitePreprocess({})],
|
||||
};
|
||||
|
||||
export default config;
|
||||
|
|
|
|||
Loading…
Reference in New Issue