init 2.0
commit
9dd6214d62
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "adb.sh_2.0",
|
||||
"version": "0.0.1",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"authors": {
|
||||
"name": "",
|
||||
"email": ""
|
||||
},
|
||||
"repository": "/adb.sh_2.0",
|
||||
"scripts": {
|
||||
"dev": "vuepress dev src",
|
||||
"build": "vuepress build src"
|
||||
},
|
||||
"devDependencies": {
|
||||
"dart-sass": "^1.25.0",
|
||||
"sass": "^1.54.9",
|
||||
"sass-loader": "^10.3.1",
|
||||
"vuepress": "^1.5.3",
|
||||
"webpack": "^4.46.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@vuepress/plugin-search": "^1.9.7",
|
||||
"@vuepress/theme-default": "^1.9.7",
|
||||
"bootstrap": "^5.2.1",
|
||||
"bootstrap-darkmode": "^5.0.1",
|
||||
"bootstrap-icons": "^1.9.1"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,74 @@
|
||||
/*
|
||||
Copyright (c) 2021 by Justin Windle (https://codepen.io/soulwire/pen/mErPAK)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software
|
||||
and associated documentation files (the "Software"), to deal in the Software without restriction,
|
||||
including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
|
||||
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
||||
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
|
||||
OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
|
||||
export class TextScramble {
|
||||
constructor(el) {
|
||||
this.el = el
|
||||
this.chars = '!<>-_\\/[]{}—=+*^?#________'
|
||||
this.update = this.update.bind(this)
|
||||
}
|
||||
|
||||
setText(newText) {
|
||||
const oldText = this.el.innerText
|
||||
const length = Math.max(oldText.length, newText.length)
|
||||
const promise = new Promise((resolve) => this.resolve = resolve)
|
||||
this.queue = []
|
||||
for (let i = 0; i < length; i++) {
|
||||
const from = oldText[i] || ''
|
||||
const to = newText[i] || ''
|
||||
const start = Math.floor(Math.random() * 40)
|
||||
const end = start + Math.floor(Math.random() * 40)
|
||||
this.queue.push({from, to, start, end})
|
||||
}
|
||||
cancelAnimationFrame(this.frameRequest)
|
||||
this.frame = 0
|
||||
this.update()
|
||||
return promise
|
||||
}
|
||||
|
||||
update() {
|
||||
let output = ''
|
||||
let complete = 0
|
||||
for (let i = 0, n = this.queue.length; i < n; i++) {
|
||||
let {from, to, start, end, char} = this.queue[i]
|
||||
if (this.frame >= end) {
|
||||
complete++
|
||||
output += to
|
||||
} else if (this.frame >= start) {
|
||||
if (!char || Math.random() < 0.28) {
|
||||
char = this.randomChar()
|
||||
this.queue[i].char = char
|
||||
}
|
||||
output += `<span class="dud">${char}</span>`
|
||||
} else {
|
||||
output += from
|
||||
}
|
||||
}
|
||||
this.el.innerHTML = output
|
||||
if (complete === this.queue.length) {
|
||||
this.resolve()
|
||||
} else {
|
||||
this.frameRequest = requestAnimationFrame(this.update)
|
||||
this.frame++
|
||||
}
|
||||
}
|
||||
|
||||
randomChar() {
|
||||
return this.chars[Math.floor(Math.random() * this.chars.length)]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div v-if="active">
|
||||
<slot />
|
||||
</div>
|
||||
<div v-else class="card">
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<slot name="lock">
|
||||
<p v-if="name">Click to load external content from {{ name }}.</p>
|
||||
<p v-else>Click to load external content.</p>
|
||||
</slot>
|
||||
</div>
|
||||
<button class="btn btn-primary" @click="active = true">load content</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "ExternalContentWrapper",
|
||||
props: {
|
||||
name: String,
|
||||
},
|
||||
data: () => ({
|
||||
active: false,
|
||||
}),
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<ul>
|
||||
<li v-for="page of $site.pages
|
||||
.filter(page => page.regularPath.match(new RegExp(`^${ path }.`)))
|
||||
.slice(0, limit)
|
||||
">
|
||||
<router-link :to="page.regularPath">{{ page.title }}</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "FolderList",
|
||||
props: {
|
||||
path: String,
|
||||
limit: {
|
||||
type: Number,
|
||||
default: 8,
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div class="SocialIcons row">
|
||||
<a class="col-auto btn bi-github" href="https://github.com/adb-sh/" target="_blank" rel="noopener noreferrer" />
|
||||
<a class="col-auto btn bi-git" href="https://git.adb.sh" target="_blank" rel="noopener noreferrer" />
|
||||
<a class="col-auto btn bi-mastodon" href="https://social.cybre.town" target="_blank" rel="noopener noreferrer" />
|
||||
<a class="col-auto btn bi-instagram" href="https://www.instagram.com/me.adb.sh" target="_blank" rel="noopener noreferrer" />
|
||||
<a class="col-auto btn bi-spotify" href="https://open.spotify.com/user/op3q884heqao7laioz05ebaoz" target="_blank" rel="noopener noreferrer" />
|
||||
<a class="col-auto btn bi-youtube" href="https://www.youtube.com/channel/UCoxRdN8T4aCR8tqDpOJAjOQ" target="_blank" rel="noopener noreferrer" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.SocialIcons {
|
||||
position: relative;
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
a.btn {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.social_icons > div {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: min-content;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
fill: #fff;
|
||||
height: 3rem;
|
||||
margin: .75rem;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div class="StickyWrapper">
|
||||
<div class="content">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.StickyWrapper {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
.content {
|
||||
position: sticky;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,37 @@
|
||||
<script>
|
||||
import { TextScramble } from "../TextScramble.mjs";
|
||||
|
||||
export default {
|
||||
props: {
|
||||
phrases: Array,
|
||||
},
|
||||
mounted() {
|
||||
const el = this.$refs.TextScramble;
|
||||
const fx = new TextScramble(el);
|
||||
|
||||
let counter = 0
|
||||
const next = () => {
|
||||
fx.setText(this.phrases[counter]).then(() => setTimeout(next, 600));
|
||||
counter = (counter + 1) % this.phrases.length;
|
||||
}
|
||||
|
||||
next();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="TextScramble my-4" ref="TextScramble"></div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.TextScramble {
|
||||
font-size: 2.5rem;
|
||||
font-weight: lighter;
|
||||
font-family: "Roboto Thin", monospace;
|
||||
text-align: center;
|
||||
.dud {
|
||||
color: #166161;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,50 @@
|
||||
module.exports = {
|
||||
title: '0xADB',
|
||||
description: 'Welcome to adb.sh',
|
||||
head: [
|
||||
['meta', { name: 'theme-color', content: '#3eaf7c' }],
|
||||
['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
|
||||
['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }]
|
||||
],
|
||||
markdown: {
|
||||
anchor: { permalink: false },
|
||||
extendMarkdown: md => {
|
||||
md.set({ breaks: true });
|
||||
}
|
||||
},
|
||||
dest: "./dist",
|
||||
themeConfig: {
|
||||
repo: '',
|
||||
editLinks: false,
|
||||
docsDir: '',
|
||||
editLinkText: '',
|
||||
lastUpdated: false,
|
||||
searchMaxSuggestions: 10,
|
||||
test: [/.+.md/],
|
||||
nav: [
|
||||
{
|
||||
text: 'projects',
|
||||
link: '/projects',
|
||||
},
|
||||
{
|
||||
text: 'music',
|
||||
link: '/music',
|
||||
},
|
||||
],
|
||||
sidebar: {
|
||||
'/guide/': [
|
||||
{
|
||||
title: 'Guide',
|
||||
collapsable: false,
|
||||
children: [
|
||||
'',
|
||||
'using-vue',
|
||||
]
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
'@vuepress/plugin-search',
|
||||
],
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { ThemeConfig } from 'bootstrap-darkmode';
|
||||
|
||||
export const themeConfig = new ThemeConfig();
|
||||
themeConfig.initTheme();
|
||||
|
||||
const matchPath = /(?<path>|.+)\/(?<filename>[-_\w]+)(?<filetype>|\/|\.html|\.md)$/;
|
||||
|
||||
export default ({
|
||||
Vue, // the version of Vue being used in the VuePress app
|
||||
options, // the options for the root Vue instance
|
||||
router, // the router instance for the app
|
||||
siteData // site metadata
|
||||
}) => {
|
||||
router.beforeEach((to, from, next) => {
|
||||
if (!to.name) {
|
||||
const { filename } = to.fullPath.match(matchPath).groups;
|
||||
next(
|
||||
siteData.pages
|
||||
.find((page) => page.regularPath.match(matchPath)?.groups?.filename === filename)
|
||||
?.regularPath
|
||||
);
|
||||
}
|
||||
next();
|
||||
});
|
||||
};
|
||||
@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<section class="layout">
|
||||
<header>
|
||||
<div class="bg-darkmode-dark shadow">
|
||||
<site-header class="container" />
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="content">
|
||||
<div v-if="$page.frontmatter?.sidebar" class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 p-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<b>/{{ $page.path.split('/')[1] }}/</b>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<FolderList :path="`/${$page.path.split('/')[1]}/`" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Content class="col-xl p-4" />
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="container">
|
||||
<Content class="p-4" />
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer my-3">
|
||||
<site-footer class="container" />
|
||||
</footer>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SiteHeader from "./SiteHeader";
|
||||
import SiteFooter from "./SiteFooter";
|
||||
import FolderList from "../components/FolderList";
|
||||
|
||||
import "bootstrap-icons/font/bootstrap-icons.scss";
|
||||
import "./main.scss";
|
||||
|
||||
export default {
|
||||
components: { SiteFooter, SiteHeader, FolderList },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
header {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
main {
|
||||
padding: 8rem 0 2rem 0;
|
||||
.sticky-sidebar {
|
||||
position: sticky;
|
||||
top: 4rem;
|
||||
}
|
||||
background-color: #1f262b;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div class="m-4">
|
||||
<h1>404 Not Found</h1>
|
||||
<router-link class="btn btn-primary" to="/">Zur Startseite</router-link>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import "bootstrap/scss/bootstrap.scss";
|
||||
|
||||
export default {
|
||||
name: "NotFound"
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<div class="footer border-top py-2">
|
||||
<span class="copyright">Copyright © {{ (new Date).getFullYear() }} Alban David Becker</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<nav class="navbar px-4">
|
||||
<router-link class="btn d-flex" to="/">
|
||||
<div class="flex-column justify-content-center">
|
||||
<b>{{ $site.title }}</b>
|
||||
</div>
|
||||
</router-link>
|
||||
<div class="row align-items-center">
|
||||
<SearchBox class="col-auto" />
|
||||
<div v-for="nav of $site.themeConfig.nav" class="col-auto d-none d-xl-block">
|
||||
<div v-if="nav.children || nav.path" class="category dropdown">
|
||||
<router-link :to="nav.link" class="link btn">{{ nav.text }} <i class="bi-chevron-down" /></router-link>
|
||||
<div class="dropdown-menu">
|
||||
<router-link
|
||||
v-for="site of (nav.children ?? [])
|
||||
.concat(nav.path
|
||||
? $site.pages
|
||||
.filter(page => page.regularPath.match(new RegExp(`${nav.path}.`)))
|
||||
.map(page => ({ text: page.title, link: page.regularPath }))
|
||||
: []
|
||||
)
|
||||
"
|
||||
:to="site.link"
|
||||
class="dropdown-item"
|
||||
>
|
||||
{{ site.text }}
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="site">
|
||||
<router-link :to= "nav.link" class="link btn">{{ nav.text }}</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SearchBox from "@vuepress/plugin-search/SearchBox";
|
||||
|
||||
export default {
|
||||
components: { SearchBox },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.header-title {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.header-img {
|
||||
height: 3.5rem;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
}
|
||||
|
||||
.link {
|
||||
color: rgb(27, 29, 29);
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,19 @@
|
||||
$dark-body-bg: #1f262b;
|
||||
|
||||
@import "bootstrap/scss/bootstrap";
|
||||
@import "bootstrap-darkmode/scss/darktheme";
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
table {
|
||||
@extend .table;
|
||||
}
|
||||
|
||||
.search-box{
|
||||
input {
|
||||
background-color: $dark !important;
|
||||
color: $light !important;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,40 @@
|
||||
---
|
||||
home: true
|
||||
---
|
||||
<StickyWrapper>
|
||||
<TextScramble :phrases="[
|
||||
'Hey!',
|
||||
'Welcome to adb.sh :D',
|
||||
'I do web development', 'hosting free services', 'DJing / music', 'electronics'
|
||||
]" />
|
||||
<SocialIcons />
|
||||
</StickyWrapper>
|
||||
|
||||
----
|
||||
|
||||
## services, i'm hosting
|
||||
|
||||
### public services
|
||||
|
||||
| service | URL |
|
||||
| - | - |
|
||||
| git | [git.cybre.town](https://git.cybre.town) |
|
||||
| Mastodon | [social.cybre.town](https://social.cybre.town) |
|
||||
| HedgeDoc | [md.cybre.town](https://md.cybre.town) |
|
||||
| Jitsi | [jitsi.adb.sh](https://jitsi.adb.sh) |
|
||||
| Frama Date | [polls.cybre.town](https://polls.cybre.town) |
|
||||
| Searx | [searx.cybre.town](https://searx.cybre.town) |
|
||||
|
||||
### private services
|
||||
|
||||
| service | URL |
|
||||
| - | - |
|
||||
| nextcloud | [cloud.adb.sh](https://git.cybre.town) |
|
||||
| matrix | [element.adb.sh](https://element.adb.sh) |
|
||||
| mail | [mail.adb.sh](https://mail.adb.sh) |
|
||||
|
||||
|
||||
## contact me
|
||||
|
||||
- matrix: [@adb:adb.sh](https://matrix.to/#/@adb:adb.sh)
|
||||
- mail: [info@adb.sh](mailto:info@adb.sh)
|
||||
@ -0,0 +1,14 @@
|
||||
# Music
|
||||
|
||||
i do music n stuff
|
||||
|
||||
## DJ sets
|
||||
### Techno
|
||||
<ExternalContentWrapper name="YouTube">
|
||||
<iframe width="100%" height="auto" src="https://www.youtube-nocookie.com/embed/A0nvVXpzJD8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</ExternalContentWrapper>
|
||||
|
||||
### Melodic Techno
|
||||
<ExternalContentWrapper name="YouTube">
|
||||
<iframe width="100%" height="auto" src="https://www.youtube-nocookie.com/embed/6bOJGkaX_5s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</ExternalContentWrapper>
|
||||
@ -0,0 +1,7 @@
|
||||
---
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
# ArtNet-Node
|
||||
|
||||
Art-Net to DMX PCB
|
||||
@ -0,0 +1,7 @@
|
||||
---
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
# Projects
|
||||
|
||||
<FolderList path="/projects/" />
|
||||
@ -0,0 +1,13 @@
|
||||
---
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
# **[chat]** *matrix-chat*
|
||||
|
||||
a simple matrix webapp for mobile and desktop
|
||||
|
||||
|
||||
|
||||
- stack: Vue3, matrix-js-sdk
|
||||
- matrix.org: [matrix.org](https://matrix.org/docs/projects/client/chat)
|
||||
- repo: [git.adb.sh](https://git.adb.sh/adb/matrix-chat)
|
||||
@ -0,0 +1,11 @@
|
||||
---
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
# My Server Rack
|
||||
|
||||
I'm running my services on my own server, because it's fun :D
|
||||
|
||||
|
||||
|
||||
My main server is a HP ProLiant DL380 G8.
|
||||
@ -0,0 +1,10 @@
|
||||
---
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
# vuedav
|
||||
|
||||
a simple webdav client in Vue3
|
||||
|
||||
- stack: Vue3, nginx, docker, nodejs, typescript
|
||||
- repo: [git.adb.sh](https://git.adb.sh/adb/vuedav)
|
||||
Loading…
Reference in New Issue