ayo/ayo.run-mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Ayo Ayco 2025-08-16 23:24:56 +02:00
commit 828c1c252d
19 changed files with 8240 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
.nitro
.output
node_modules

6
mcfly.config.mjs Normal file
View file

@ -0,0 +1,6 @@
// @ts-check
import { defineMcFlyConfig } from '@mcflyjs/config'
export default defineMcFlyConfig({
components: 'js',
})

7914
package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

16
package.json Normal file
View file

@ -0,0 +1,16 @@
{
"name": "basic-template",
"description": "McFly starter project",
"scripts": {
"start": "mcfly serve",
"prepare": "mcfly prepare",
"dev": "mcfly serve",
"build": "mcfly build",
"preview": "node .output/server/index.mjs",
"build:preview": "npm run build && npm run preview"
},
"dependencies": {
"@mcflyjs/config": "^0.2.9",
"@mcflyjs/core": "^0.8.8"
}
}

8
src/api/users.js Normal file
View file

@ -0,0 +1,8 @@
import { eventHandler } from 'h3'
export default eventHandler(() => {
return {
user: 'username',
date: new Date(),
}
})

14
src/components/awesome-header.html Normal file
View file

@ -0,0 +1,14 @@
<header
style="
border-radius: 5px;
background: linear-gradient(45deg, #3054bf, #416fff);
color: white;
margin: 1em 0;
padding: 1em;
"
>
<a style="color: white" href="/">
<h1><slot /></h1>
</a>
<slot name="description" />
</header>

41
src/components/code-block.js Normal file
View file

@ -0,0 +1,41 @@
class CodeBlockComponent extends HTMLElement {
connectedCallback() {
const trimmed = this.innerHTML.trim()
const lang = this.getAttribute('language')
const inline = this.getAttribute('inline') !== null
this.innerHTML = `
<pre id="pre"><code id="code">${trimmed}</code></pre>
`
/**
* @type {HTMLPreElement}
*/
const pre = this.querySelector('#pre')
if (lang) {
pre.className = `language-${lang}`
}
/**
* @type {Partial<CSSStyleDeclaration>}
*/
const style = {
background: '#f5f2f0',
padding: '1em',
margin: '1em 0',
fontSize: 'large',
overflow: 'auto',
borderRadius: '5px',
}
if (inline) {
style.display = 'inline'
style.padding = '0.3em'
}
Object.keys(style).forEach((rule) => {
pre.style[rule] = style[rule]
})
}
}

5
src/components/my-footer.html Normal file
View file

@ -0,0 +1,5 @@
<footer style="text-align: right; font-style: italic; padding: 0.5em 1em">
<p>
<slot />
</p>
</footer>

48
src/components/my-head.html Normal file
View file

@ -0,0 +1,48 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/reset.css" />
<meta name="generator" content="McFly v0.0.1" />
<meta name="theme-color" content="#3054bf" />
<meta name="description" content="McFly is a no-framework framework that assists in building on the Web." />
<meta name="author" content="McFly" />
<meta name="origin" content="https://mc-fly.vercel.app/" />
<!-- Open Graph data -->
<meta property="og:site_name" content="McFly" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/touch-icon-large.png" />
<meta property="og:title" content="McFly: Back to the Basics. Into the Future. 😱" />
<meta property="og:description" content="McFly is a no-framework framework that assists in building on the Web." />
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
max-width: 40em;
margin: 0 auto;
padding: 1em;
}
body>* {
padding: 0.5em 1em;
}
h1 {
padding: 0;
margin: 0;
}
h2,
p,
ul,
ol {
margin-bottom: 1em;
}
</style>
<!-- Icons -->
<link rel="icon" href="favicon.svg" />
<link rel="mask-icon" href="mask-icon.svg" color="#000000" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<slot />
</head>

23
src/components/my-hello-world.js Normal file
View file

@ -0,0 +1,23 @@
/**
* Custom element using a minimal base class
* @see https://WebComponent.io
*/
class MyHelloWorld extends WebComponent {
static props = {
myName: 'World',
count: 0,
}
updateLabel() {
this.props.myName = `Clicked ${++this.props.count}x`
}
get template() {
return html` <button
onClick=${() => this.updateLabel()}
style="cursor:pointer"
>
Hello ${this.props.myName}!
</button>`
}
}

79
src/pages/index.html Normal file
View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ayo.run - What's running? - a personal website by Ayo Ayco</title>
<meta property="og:description" content="Home to self-hosted open source productivity web apps. A personal website by Ayo Ayco">
<meta name="description" content="Home to self-hosted open source productivity web apps. A personal website by Ayo Ayco">
<meta itemprop="description" content="Home to self-hosted open source productivity web apps. A personal website by Ayo Ayco">
<meta property="og:title" content="Ayo.run - What's running?">
<meta property="og:url" content="http://ayo.run">
<meta property="og:site_name" content="www.ayo.run">
<link rel="stylesheet" href="pico.min.css">
<style>
html, body {
height: 100%;
}
body {
padding: 1em;
place-content: safe center;
display: grid;
}
/* .logo {
width: 200px;
border-radius: 5px;
display: block;
margin: 2em auto;
} */
</style>
</head>
<body>
<div>
<main>
<!-- <img class="logo" src="logo.png" height="200x" width="200px" /> -->
<h1>What's running?</h1>
<ul>
<li>
<a href="http://coolify.io/"><strong>Coolify</strong></a> &middot;
<a href="https://host.ayo.run/">host.ayo.run</a>
</li>
<li>
<a href="http://docmost.com/"><strong>Docmost</strong></a> &middot;
<a href="https://notes.ayo.run/share/qgihgf2kym/p/ayo-s-notes-iyX1WHad4o">notes.ayo.run</a>
</li>
<li>
<a href="http://immich.app/"><strong>Immich</strong></a> &middot;
<a href="https://pics.ayo.run/">pics.ayo.run</a>
</li>
<li>
<a href="http://owncloud.com/"><strong>Owncloud</strong></a> &middot;
<a href="https://drive.ayo.run/">drive.ayo.run</a>
</li>
<li>
<a href="http://plane.so/"><strong>Plane</strong></a> &middot;
<a href="https://work.ayo.run/">work.ayo.run</a>
</li>
<li>
<a href="http://ayco.io/sh/yolk#readme"><strong>Yolk</strong></a> &middot;
<a href="https://yolk.ayo.run/">yolk.ayo.run</a>
</li>
<li>
<a href="https://github.com/dani-garcia/vaultwarden#readme"><strong>Vaultwarden</strong></a> &middot;
<a href="https://pass.ayo.run/">pass.ayo.run</a>
</li>
</ul>
</main>
<footer>
<hr />
<small>
<em>Just keep hosting.</em><br />
<em>A project by <a href="https://ayo.ayco.io">Ayo</a></em>
</small>
</footer>
<div>
</body>
</html>

BIN
src/public/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/public/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
src/public/favicon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

1
src/public/mask-icon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="65f23166bb"><path d="M 226 63 L 371 63 L 371 258 L 226 258 Z M 226 63 " clip-rule="nonzero"/></clipPath><clipPath id="5e13a0e4b8"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="70081a8495"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="8e717becf2"><path d="M 112 93 L 257 93 L 257 288 L 112 288 Z M 112 93 " clip-rule="nonzero"/></clipPath><clipPath id="418f6242d5"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="dd77348e68"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="09ee6a3ee1"><path d="M 1 122 L 146 122 L 146 315 L 1 315 Z M 1 122 " clip-rule="nonzero"/></clipPath><clipPath id="f463d97b52"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="722abc99ea"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#65f23166bb)"><g clip-path="url(#5e13a0e4b8)"><g clip-path="url(#70081a8495)"><path fill="#000000" d="M 226.324219 238.738281 L 240.542969 257.621094 L 309.3125 239.441406 C 310.609375 239.101562 311.753906 238.476562 312.746094 237.578125 C 313.742188 236.679688 314.472656 235.601562 314.945312 234.34375 L 370.550781 84.804688 L 356.140625 63.53125 L 288.6875 81.359375 C 287.710938 81.613281 286.851562 82.074219 286.101562 82.746094 C 285.355469 83.421875 284.800781 84.226562 284.445312 85.167969 Z M 226.324219 238.738281 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#8e717becf2)"><g clip-path="url(#418f6242d5)"><g clip-path="url(#dd77348e68)"><path fill="#000000" d="M 112.21875 268.898438 L 126.4375 287.78125 L 195.199219 269.605469 C 196.496094 269.265625 197.640625 268.644531 198.636719 267.742188 C 199.632812 266.84375 200.363281 265.765625 200.828125 264.507812 L 256.4375 114.96875 L 242.027344 93.691406 L 174.5625 111.527344 C 173.589844 111.777344 172.726562 112.242188 171.980469 112.914062 C 171.230469 113.585938 170.679688 114.394531 170.320312 115.332031 Z M 112.21875 268.898438 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#09ee6a3ee1)"><g clip-path="url(#f463d97b52)"><g clip-path="url(#722abc99ea)"><path fill="#000000" d="M 1.667969 298.121094 L 15.882812 317.003906 L 84.644531 298.828125 C 85.941406 298.488281 87.089844 297.867188 88.082031 296.964844 C 89.078125 296.066406 89.808594 294.984375 90.277344 293.726562 L 145.882812 144.191406 L 131.476562 122.914062 L 63.980469 140.753906 C 63.007812 141.007812 62.144531 141.472656 61.398438 142.144531 C 60.648438 142.816406 60.097656 143.621094 59.738281 144.5625 Z M 1.667969 298.121094 " fill-opacity="1" fill-rule="nonzero"/></g></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB

76
src/public/reset.css Normal file
View file

@ -0,0 +1,76 @@
/**
THANKS TO JOSH COMEAU FOR HIS CUSTOM CSS RESET
👉 https://www.joshwcomeau.com/css/custom-css-reset/
**/
/*
1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
margin: 0;
}
/*
3. Allow percentage-based heights in the application
*/
html,
body {
height: 100%;
}
/*
Typographic tweaks!
4. Add accessible line-height
5. Improve text rendering
*/
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
/*
6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg,
iframe {
display: block;
max-width: 100%;
margin: 0 auto;
}
/*
7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
font: inherit;
}
/*
8. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
/*
9. Create a root stacking context
*/
#root,
#__next {
isolation: isolate;
}

2
src/public/robots.txt Normal file
View file

@ -0,0 +1,2 @@
User-agent: *
Disallow:

BIN
src/public/touch-icon-large.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

3
tsconfig.json Normal file
View file

@ -0,0 +1,3 @@
{
"extends": "./.nitro/types/tsconfig.json"
}