Add better links to projects
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
c9a3302574
commit
3c59e9994b
GPG key ID:
B67D7410F33A0F61
13 changed files with 197 additions and 40 deletions
10
.posthtmlrc
10
.posthtmlrc
|
|
@ -2,7 +2,15 @@
|
|||
"plugins": {
|
||||
"posthtml-include": {},
|
||||
"posthtml-component": {
|
||||
"root": "./src/components"
|
||||
"root": "./src",
|
||||
"folders": ["components"],
|
||||
"namespaces": [
|
||||
{
|
||||
"name": "link",
|
||||
"root": "./src/link",
|
||||
"fallback": "./src"
|
||||
}
|
||||
]
|
||||
},
|
||||
"posthtml-markdownit": {
|
||||
plugins: [
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 68 KiB |
|
|
@ -1,7 +1,6 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
text: props.text || '',
|
||||
href: props.href || '/',
|
||||
onclick: props.onclick || '',
|
||||
titlestyle: 'min-width: 275px;' + (props.titlestyle || ''),
|
||||
headerstyle: props.headerstyle || '',
|
||||
|
|
@ -9,7 +8,6 @@
|
|||
</script>
|
||||
<div class="project">
|
||||
<div class="project-title" style="{{titlestyle}}">
|
||||
<a href="{{href}}" target="_blank">
|
||||
<div class="figure">
|
||||
<slot:img></slot:img>
|
||||
</div>
|
||||
|
|
@ -19,13 +17,13 @@
|
|||
<markdown>
|
||||
<slot:title />
|
||||
</markdown>
|
||||
</a>
|
||||
<div class="links">
|
||||
<slot:links></slot:links>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div onclick="{{onclick}}" style="{{headerstyle}}">
|
||||
<markdown>
|
||||
<slot:subtitle />
|
||||
</markdown>
|
||||
</div>
|
||||
<slot:description />
|
||||
</div>
|
||||
|
|
|
|||
13
src/link/components/github.html
Normal file
13
src/link/components/github.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="https://github.com/{{href}}" target="_blank">
|
||||
<svg width="16.405pt" height="16pt" version="1.1" viewBox="0 0 16.405 16" xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m8.2022 0c-4.5297 0-8.2022 3.6719-8.2022 8.2022 0 3.624 2.3499 6.6985 5.609 7.7832 0.41011 0.075872 0.56049-0.17772 0.56049-0.39439 0-0.19549-0.0075187-0.84141-0.010936-1.527-2.2816 0.49624-2.7635-0.96786-2.7635-0.96786-0.3732-0.94804-0.91045-1.2003-0.91045-1.2003-0.74435-0.50922 0.056049-0.49829 0.056049-0.49829 0.82364 0.058099 1.257 0.84552 1.257 0.84552 0.73137 1.2536 1.9186 0.89131 2.3869 0.68147 0.07382-0.53041 0.2864-0.89199 0.52084-1.097-1.8216-0.20711-3.7368-0.91045-3.7368-4.0533 0-0.89541 0.32057-1.6275 0.84551-2.2016-0.08544-0.20711-0.36637-1.041 0.079288-2.1709 0 0 0.68899-0.22009 2.2563 0.84073 0.65413-0.18182 1.3554-0.27272 2.0526-0.27614 0.69719 0.0034177 1.3992 0.094326 2.0547 0.27614 1.5653-1.0615 2.2536-0.84073 2.2536-0.84073 0.44634 1.1299 0.16541 1.9638 0.080655 2.1709 0.52563 0.57416 0.84415 1.3062 0.84415 2.2016 0 3.1503-1.9186 3.8441-3.745 4.0471 0.29391 0.25427 0.55639 0.75392 0.55639 1.5188 0 1.0977-0.009569 1.9808-0.009569 2.2508 0 0.21804 0.14764 0.47436 0.56322 0.39371 3.2577-1.0861 5.6049-4.1592 5.6049-7.7819-6.83e-4 -4.5304-3.6732-8.2029-8.2029-8.2029z"
|
||||
clip-rule="evenodd" fill-rule="evenodd" stroke-width=".68352" fill="#fff" />
|
||||
</svg>
|
||||
</a>
|
||||
18
src/link/components/linkedin.html
Normal file
18
src/link/components/linkedin.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="https://www.linkedin.com/in/{{href}}" target="_blank">
|
||||
<svg width="18.79pt" height="16pt" version="1.1" viewBox="0 0 18.79 16" xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="#fff" stroke-width=".78292">
|
||||
<path
|
||||
d="m18.009 15.504h0.17772l-0.34057-0.51516c0.20826 0 0.31865-0.13232 0.32022-0.29438 0-0.006263 0-0.01331-7.83e-4 -0.019573 0-0.22078-0.1331-0.32648-0.40634-0.32648h-0.44157v1.1556h0.16598v-0.50342h0.20434zm-0.33274-0.63417h-0.1926v-0.39068h0.24427c0.12605 0 0.27011 0.020356 0.27011 0.18555 0 0.18947-0.14562 0.20513-0.32256 0.20513" />
|
||||
<path
|
||||
d="m13.538 13.538h-2.3543v-3.6868c0-0.87922-0.015659-2.0105-1.2245-2.0105-1.2261 0-1.414 0.95752-1.414 1.9471v3.7502h-2.3535v-7.5818h2.2603v1.0358h0.031317c0.46114-0.78762 1.3177-1.2582 2.2298-1.2245 2.3864 0 2.8256 1.5698 2.8256 3.6108zm-10.003-8.6184c-0.75474 0-1.3662-0.61146-1.3662-1.3662 0-0.75474 0.61146-1.3662 1.3662-1.3662s1.3662 0.61146 1.3662 1.3662c0 0.75474-0.61146 1.3662-1.3662 1.3662m1.1767 8.6184h-2.3566v-7.5818h2.3566zm9.9995-13.537h-13.539c-0.63965-0.0070463-1.1642 0.50577-1.172 1.1454v13.595c0.0078292 0.64043 0.53239 1.1532 1.172 1.1462h13.539c0.64121 0.007829 1.1681-0.50499 1.1767-1.1462v-13.595c-0.009395-0.64121-0.5363-1.154-1.1767-1.1454" />
|
||||
<path
|
||||
d="m17.696 13.834c-0.59815 0.00548-1.0789 0.49559-1.0726 1.0937 0.00548 0.59815 0.49559 1.0789 1.0937 1.0726 0.59815-0.00548 1.0789-0.49559 1.0726-1.0937-0.005481-0.59032-0.48306-1.0671-1.0726-1.0726h-0.021139m0.025054 2.0419c-0.52456 0.008612-0.98179-0.40869-0.9904-0.93324s0.40947-0.95673 0.93403-0.96534 0.95673 0.40947 0.96534 0.93403v0.015659c0.010961 0.51282-0.39616 0.93794-0.90897 0.9489h-0.024271" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
14
src/link/components/listenbrainz.html
Normal file
14
src/link/components/listenbrainz.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="https://listenbrainz.org/user/{{href}}" target="_blank">
|
||||
<svg width="14.286pt" height="16pt" version="1.1" viewBox="0 0 14.286 16" xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon class="st0" transform="matrix(.57143 0 0 .57143 -1.3714 -.62857)"
|
||||
points="14.4 29.1 14.4 1.1 2.4 8.1 2.4 22.1" fill="#353070" />
|
||||
<polygon class="st1" transform="matrix(.57143 0 0 .57143 -1.3714 -.62857)"
|
||||
points="15.4 29.1 15.4 1.1 27.4 8.1 27.4 22.1" fill="#eb743b" />
|
||||
</svg>
|
||||
</a>
|
||||
12
src/link/components/website.html
Normal file
12
src/link/components/website.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="{{href}}" target="_blank">
|
||||
<svg id="Filled" width="16pt" height="16pt" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m8 0a8 8 0 1 0 8 8 8.0087 8.0087 0 0 0-8-8zm2.148 4.6667h-4.296a13.076 13.076 0 0 1 2.148-3.0587 13.047 13.047 0 0 1 2.148 3.0587zm0.53333 1.3333a6.8073 6.8073 0 0 1 0.31733 2 6.8073 6.8073 0 0 1-0.31733 2h-5.364a6.8073 6.8073 0 0 1-0.31733-2 6.8073 6.8073 0 0 1 0.31733-2zm-4.4147-4.4293a13.117 13.117 0 0 0-1.884 3.096h-2.1473a6.6873 6.6873 0 0 1 4.0313-3.096zm-4.9333 6.4293a6.6573 6.6573 0 0 1 0.30733-2h2.2927a8.0107 8.0107 0 0 0-0.26667 2 8.0107 8.0107 0 0 0 0.26667 2h-2.2927a6.6573 6.6573 0 0 1-0.30733-2zm0.902 3.3333h2.1473a13.117 13.117 0 0 0 1.884 3.096 6.6873 6.6873 0 0 1-4.0313-3.096zm3.6167 0h4.296a13.076 13.076 0 0 1-2.148 3.0587 13.047 13.047 0 0 1-2.148-3.0587zm3.8847 3.096a13.117 13.117 0 0 0 1.8807-3.096h2.1473a6.6873 6.6873 0 0 1-4.028 3.096zm4.93-6.4293a6.6573 6.6573 0 0 1-0.30733 2h-2.2927a8.0107 8.0107 0 0 0 0.26667-2 8.0107 8.0107 0 0 0-0.26667-2h2.2913a6.6573 6.6573 0 0 1 0.30867 2zm-3.0493-3.3333a13.117 13.117 0 0 0-1.8807-3.096 6.6873 6.6873 0 0 1 4.028 3.096z"
|
||||
fill="#fff" stroke-width=".66667" />
|
||||
</svg>
|
||||
</a>
|
||||
12
src/link/components/x.html
Normal file
12
src/link/components/x.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="https://x.com/{{href}}" target="_blank">
|
||||
<svg width="17.7pt" height="16pt" version="1.1" viewBox="0 0 17.7 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m13.939 0h2.7155l-5.931 6.7769 6.9767 9.2231h-5.4612l-4.2804-5.5924-4.8926 5.5924h-2.7199l6.3425-7.2503-6.6884-8.7497h5.5998l3.8652 5.1116 4.4729-5.1116zm-0.95358 14.377h1.5038l-9.7084-12.838h-1.6151l9.819 12.838z"
|
||||
fill="#fff" stroke-width=".7375" />
|
||||
</svg>
|
||||
</a>
|
||||
13
src/link/components/youtube.html
Normal file
13
src/link/components/youtube.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
href: props.href,
|
||||
}
|
||||
</script>
|
||||
<a href="https://www.youtube.com/channel/{{href}}" target="_blank">
|
||||
<svg width="22.711pt" height="16pt" version="1.1" viewBox="0 0 22.711 16" xml:space="preserve"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="m22.236 2.4982c-0.26118-0.9832-1.0305-1.7582-2.008-2.0213-1.7705-0.47693-8.8725-0.47693-8.8725-0.47693s-7.102 0-8.8734 0.47693c-0.97658 0.26307-1.7459 1.0371-2.0071 2.0213-0.47504 1.7828-0.47504 5.5018-0.47504 5.5018s0 3.7189 0.47504 5.5018c0.26118 0.9832 1.0305 1.7582 2.008 2.0213 1.7705 0.47693 8.8725 0.47693 8.8725 0.47693s7.102 0 8.8734-0.47693c0.97658-0.26307 1.7459-1.0371 2.008-2.0213 0.4741-1.7828 0.4741-5.5018 0.4741-5.5018s0-3.7189-0.47504-5.5018zm-13.203 8.8791v-6.7547l5.9352 3.3773z"
|
||||
fill="#fff" stroke-width=".9463" />
|
||||
</svg>
|
||||
</a>
|
||||
|
|
@ -6,7 +6,11 @@
|
|||
</x-section-head>
|
||||
<x-project text="?">
|
||||
<fill:title># Coming soon to theaters</fill:title>
|
||||
<fill:subtitle>## This website is under construction</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## This website is under construction
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>We'll get to it, trust</fill:description>
|
||||
</x-project>
|
||||
</x-tab-content>
|
||||
|
|
@ -6,7 +6,11 @@
|
|||
</x-section-head>
|
||||
<x-project text="?">
|
||||
<fill:title># Coming soon to theaters</fill:title>
|
||||
<fill:subtitle>## This website is under construction</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## This website is under construction
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>We'll get to it, trust</fill:description>
|
||||
</x-project>
|
||||
</x-tab-content>
|
||||
|
|
@ -4,12 +4,20 @@
|
|||
Wow, such professionalism! What are these guys working on now?
|
||||
</x-blockquote>
|
||||
</x-section-head>
|
||||
<x-project href="https://github.com/timmyjinks/TYSONCLOUD">
|
||||
<x-project>
|
||||
<fill:links>
|
||||
<x-link::github href="timmyjinks/TYSONCLOUD"></x-link::github>
|
||||
<x-link::website href="https://tysoncloud.tysonjenkins.dev/"></x-link::website>
|
||||
</fill:links>
|
||||
<fill:img>
|
||||
<img src="/assets/tysoncloud.svg">
|
||||
</fill:img>
|
||||
<fill:title># TYSONCLOUD</fill:title>
|
||||
<fill:subtitle>## When she compute your serve 'till you edge</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## When she compute your serve 'till you edge
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Have you ever just gone to a cloud service interface like Google Cloud Console, Microsoft Azure Portal, or
|
||||
|
|
@ -20,15 +28,21 @@
|
|||
</markdown>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project href="https://github.com/richgrov/simulo" onclick="spaghetti()" class="project-alt"
|
||||
titlestyle="font-family: 'Apex Mk2'" headerstyle="font-family: 'Apex Mk2'">
|
||||
<x-project onclick="spaghetti()" class="project-alt" titlestyle="font-family: 'Apex Mk2'"
|
||||
headerstyle="font-family: 'Apex Mk2'">
|
||||
<fill:links>
|
||||
<x-link::github href="richgrov/simulo"></x-link::github>
|
||||
<x-link::website href="https://simulo.grover.sh"></x-link::website>
|
||||
</fill:links>
|
||||
<fill:img>
|
||||
<img src="/assets/simulo.svg">
|
||||
</fill:img>
|
||||
<fill:title># Simulo</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Roblox for the real world!
|
||||
#### (what could go wrong?)
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<div style="font-family: monospace;">
|
||||
|
|
@ -44,7 +58,10 @@
|
|||
</div>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project href="https://c0re.com">
|
||||
<x-project>
|
||||
<fill:links>
|
||||
<x-link::website href="https://c0re.com"></x-link::website>
|
||||
</fill:links>
|
||||
<fill:img>
|
||||
<include src="assets/c0re.svg"></include>
|
||||
</fill:img>
|
||||
|
|
@ -52,7 +69,11 @@
|
|||
# c0re
|
||||
#### So shiny!
|
||||
</fill:title>
|
||||
<fill:subtitle>## Git gud scrub!</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Git gud scrub!
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Crush your friends in the game of life and get receipts using **c0re**! Gamify the effort of surpassing your
|
||||
|
|
@ -94,13 +115,20 @@
|
|||
<x-blockquote cite="The Washington Post">
|
||||
Please stop sending your projects to the review department
|
||||
</x-blockquote>
|
||||
<x-project href="https://braindance.live" class="project-alt"
|
||||
<x-project class="project-alt"
|
||||
titlestyle="background-image: linear-gradient(to right, oklch(0.714 0.203 305.504) 0px, oklch(0.718 0.202 349.761) 100%); background-clip: text; color: transparent">
|
||||
<fill:links>
|
||||
<x-link::website href="https://braindance.live"></x-link::website>
|
||||
</fill:links>
|
||||
<fill:img>
|
||||
<img src="/assets/braindance.svg">
|
||||
</fill:img>
|
||||
<fill:title># Braindance</fill:title>
|
||||
<fill:subtitle>## Bringing the Coachella to you!</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Bringing the Coachella to you!
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Ever wanted to vibe to some skibidicore with the boys, but without actually being *with* the boys? Now
|
||||
|
|
@ -108,9 +136,16 @@
|
|||
</markdown>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project text="e" href="https://github.com/StratusFearMe21/grezi-next">
|
||||
<x-project text="e">
|
||||
<fill:links>
|
||||
<x-link::github href="StratusFearMe21/grezi-next"></x-link::github>
|
||||
</fill:links>
|
||||
<fill:title># Grezi</fill:title>
|
||||
<fill:subtitle>## When the power is point</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## When the power is point
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Imagine a slideshow, but with extra lizard brain! That's what Grezi is. On top of making your
|
||||
|
|
@ -126,7 +161,11 @@
|
|||
</x-project>
|
||||
<x-project text="?" class="project-alt">
|
||||
<fill:title># Mystery</fill:title>
|
||||
<fill:subtitle>## _Oooooooo_</fill:subtitle>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## _Oooooooo_
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.</markdown>
|
||||
<form hx-post="/api/speculate" hx-target="#speculation-result">
|
||||
|
|
|
|||
|
|
@ -99,11 +99,20 @@ html {
|
|||
margin: 32px;
|
||||
}
|
||||
|
||||
|
||||
.project>div {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.links a {
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
|
@ -131,12 +140,18 @@ html {
|
|||
|
||||
.project-title h1 {
|
||||
font-size: 24pt;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.project-alt {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.person {
|
||||
clip-path: circle(50%);
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -226,7 +241,9 @@ a {
|
|||
}
|
||||
|
||||
.tab-list button.selected {
|
||||
background-color: #eee;
|
||||
font-weight: bold;
|
||||
border: solid 6px #eee;
|
||||
color: black;
|
||||
border: solid 12px #eee;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue