Add interests to interests page
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
09f8eda192
commit
9058bb89d9
GPG key ID:
B67D7410F33A0F61
10 changed files with 262 additions and 123 deletions
BIN
assets/dancerush.png
Normal file
BIN
assets/dancerush.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
|
|
@ -20,7 +20,7 @@
|
|||
"postcss": "^8.5.6",
|
||||
"postcss-custom-media": "^11.0.6",
|
||||
"posthtml": "^0.16.6",
|
||||
"posthtml-component": "^2.2.0",
|
||||
"posthtml-component": "github:StratusFearMe21/posthtml-components#reorder_processing",
|
||||
"posthtml-include": "^2.0.1",
|
||||
"posthtml-markdownit": "^3.1.2"
|
||||
},
|
||||
|
|
|
|||
115
pnpm-lock.yaml
generated
115
pnpm-lock.yaml
generated
|
|
@ -14,9 +14,6 @@ importers:
|
|||
htmx.org:
|
||||
specifier: ^2.0.6
|
||||
version: 2.0.6
|
||||
postcss-custom-media:
|
||||
specifier: ^11.0.6
|
||||
version: 11.0.6(postcss@8.5.6)
|
||||
devDependencies:
|
||||
'@parcel/compressor-brotli':
|
||||
specifier: ^2.15.4
|
||||
|
|
@ -36,12 +33,15 @@ importers:
|
|||
postcss:
|
||||
specifier: ^8.5.6
|
||||
version: 8.5.6
|
||||
postcss-custom-media:
|
||||
specifier: ^11.0.6
|
||||
version: 11.0.6(postcss@8.5.6)
|
||||
posthtml:
|
||||
specifier: ^0.16.6
|
||||
version: 0.16.6
|
||||
posthtml-component:
|
||||
specifier: ^2.2.0
|
||||
version: 2.2.0
|
||||
specifier: github:StratusFearMe21/posthtml-components#reorder_processing
|
||||
version: https://codeload.github.com/StratusFearMe21/posthtml-components/tar.gz/476bad0284275f5d1ff32273602bf0c0bdd6de93
|
||||
posthtml-include:
|
||||
specifier: ^2.0.1
|
||||
version: 2.0.1
|
||||
|
|
@ -525,68 +525,68 @@ packages:
|
|||
peerDependencies:
|
||||
'@parcel/core': ^2.15.4
|
||||
|
||||
'@swc/core-darwin-arm64@1.12.11':
|
||||
resolution: {integrity: sha512-J19Jj9Y5x/N0loExH7W0OI9OwwoVyxutDdkyq1o/kgXyBqmmzV7Y/Q9QekI2Fm/qc5mNeAdP7aj4boY4AY/JPw==}
|
||||
'@swc/core-darwin-arm64@1.12.14':
|
||||
resolution: {integrity: sha512-HNukQoOKgMsHSETj8vgGGKK3SEcH7Cz6k4bpntCxBKNkO3sH7RcBTDulWGGHJfZaDNix7Rw2ExUVWtLZlzkzXg==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [darwin]
|
||||
|
||||
'@swc/core-darwin-x64@1.12.11':
|
||||
resolution: {integrity: sha512-PTuUQrfStQ6cjW+uprGO2lpQHy84/l0v+GqRqq8s/jdK55rFRjMfCeyf6FAR0l6saO5oNOQl+zWR1aNpj8pMQw==}
|
||||
'@swc/core-darwin-x64@1.12.14':
|
||||
resolution: {integrity: sha512-4Ttf3Obtk3MvFrR0e04qr6HfXh4L1Z+K3dRej63TAFuYpo+cPXeOZdPUddAW73lSUGkj+61IHnGPoXD3OQYy4Q==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [darwin]
|
||||
|
||||
'@swc/core-linux-arm-gnueabihf@1.12.11':
|
||||
resolution: {integrity: sha512-poxBq152HsupOtnZilenvHmxZ9a8SRj4LtfxUnkMDNOGrZR9oxbQNwEzNKfi3RXEcXz+P8c0Rai1ubBazXv8oQ==}
|
||||
'@swc/core-linux-arm-gnueabihf@1.12.14':
|
||||
resolution: {integrity: sha512-zhJOH2KWjtQpzJ27Xjw/RKLVOa1aiEJC2b70xbCwEX6ZTVAl8tKbhkZ3GMphhfVmLJ9gf/2UQR58oxVnsXqX5Q==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm]
|
||||
os: [linux]
|
||||
|
||||
'@swc/core-linux-arm64-gnu@1.12.11':
|
||||
resolution: {integrity: sha512-y1HNamR/D0Hc8xIE910ysyLe269UYiGaQPoLjQS0phzWFfWdMj9bHM++oydVXZ4RSWycO7KyJ3uvw4NilvyMKQ==}
|
||||
'@swc/core-linux-arm64-gnu@1.12.14':
|
||||
resolution: {integrity: sha512-akUAe1YrBqZf1EDdUxahQ8QZnJi8Ts6Ya0jf6GBIMvnXL4Y6QIuvKTRwfNxy7rJ+x9zpzP1Vlh14ZZkSKZ1EGA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
|
||||
'@swc/core-linux-arm64-musl@1.12.11':
|
||||
resolution: {integrity: sha512-LlBxPh/32pyQsu2emMEOFRm7poEFLsw12Y1mPY7FWZiZeptomKSOSHRzKDz9EolMiV4qhK1caP1lvW4vminYgQ==}
|
||||
'@swc/core-linux-arm64-musl@1.12.14':
|
||||
resolution: {integrity: sha512-ZkOOIpSMXuPAjfOXEIAEQcrPOgLi6CaXvA5W+GYnpIpFG21Nd0qb0WbwFRv4K8BRtl993Q21v0gPpOaFHU+wdA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [linux]
|
||||
|
||||
'@swc/core-linux-x64-gnu@1.12.11':
|
||||
resolution: {integrity: sha512-bOjiZB8O/1AzHkzjge1jqX62HGRIpOHqFUrGPfAln/NC6NR+Z2A78u3ixV7k5KesWZFhCV0YVGJL+qToL27myA==}
|
||||
'@swc/core-linux-x64-gnu@1.12.14':
|
||||
resolution: {integrity: sha512-71EPPccwJiJUxd2aMwNlTfom2mqWEWYGdbeTju01tzSHsEuD7E6ePlgC3P3ngBqB3urj41qKs87z7zPOswT5Iw==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
|
||||
'@swc/core-linux-x64-musl@1.12.11':
|
||||
resolution: {integrity: sha512-4dzAtbT/m3/UjF045+33gLiHd8aSXJDoqof7gTtu4q0ZyAf7XJ3HHspz+/AvOJLVo4FHHdFcdXhmo/zi1nFn8A==}
|
||||
'@swc/core-linux-x64-musl@1.12.14':
|
||||
resolution: {integrity: sha512-nImF1hZJqKTcl0WWjHqlelOhvuB9rU9kHIw/CmISBUZXogjLIvGyop1TtJNz0ULcz2Oxr3Q2YpwfrzsgvgbGkA==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [linux]
|
||||
|
||||
'@swc/core-win32-arm64-msvc@1.12.11':
|
||||
resolution: {integrity: sha512-h8HiwBZErKvCAmjW92JvQp0iOqm6bncU4ac5jxBGkRApabpUenNJcj3h2g5O6GL5K6T9/WhnXE5gyq/s1fhPQg==}
|
||||
'@swc/core-win32-arm64-msvc@1.12.14':
|
||||
resolution: {integrity: sha512-sABFQFxSuStFoxvEWZUHWYldtB1B4A9eDNFd4Ty50q7cemxp7uoscFoaCqfXSGNBwwBwpS5EiPB6YN4y6hqmLQ==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [arm64]
|
||||
os: [win32]
|
||||
|
||||
'@swc/core-win32-ia32-msvc@1.12.11':
|
||||
resolution: {integrity: sha512-1pwr325mXRNUhxTtXmx1IokV5SiRL+6iDvnt3FRXj+X5UvXXKtg2zeyftk+03u8v8v8WUr5I32hIypVJPTNxNg==}
|
||||
'@swc/core-win32-ia32-msvc@1.12.14':
|
||||
resolution: {integrity: sha512-KBznRB02NASkpepRdWIK4f1AvmaJCDipKWdW1M1xV9QL2tE4aySJFojVuG1+t0tVDkjRfwcZjycQfRoJ4RjD7Q==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [ia32]
|
||||
os: [win32]
|
||||
|
||||
'@swc/core-win32-x64-msvc@1.12.11':
|
||||
resolution: {integrity: sha512-5gggWo690Gvs7XiPxAmb5tHwzB9RTVXUV7AWoGb6bmyUd1OXYaebQF0HAOtade5jIoNhfQMQJ7QReRgt/d2jAA==}
|
||||
'@swc/core-win32-x64-msvc@1.12.14':
|
||||
resolution: {integrity: sha512-SymoP2CJHzrYaFKjWvuQljcF7BkTpzaS1vpywv7K9EzdTb5N8qPDvNd+PhWUqBz9JHBhbJxpaeTDQBXF/WWPmw==}
|
||||
engines: {node: '>=10'}
|
||||
cpu: [x64]
|
||||
os: [win32]
|
||||
|
||||
'@swc/core@1.12.11':
|
||||
resolution: {integrity: sha512-P3GM+0lqjFctcp5HhR9mOcvLSX3SptI9L1aux0Fuvgt8oH4f92rCUrkodAa0U2ktmdjcyIiG37xg2mb/dSCYSA==}
|
||||
'@swc/core@1.12.14':
|
||||
resolution: {integrity: sha512-CJSn2vstd17ddWIHBsjuD4OQnn9krQfaq6EO+w9YfId5DKznyPmzxAARlOXG99cC8/3Kli8ysKy6phL43bSr0w==}
|
||||
engines: {node: '>=10'}
|
||||
peerDependencies:
|
||||
'@swc/helpers': '>=0.5.17'
|
||||
|
|
@ -691,8 +691,8 @@ packages:
|
|||
resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
|
||||
engines: {node: '>=12'}
|
||||
|
||||
electron-to-chromium@1.5.181:
|
||||
resolution: {integrity: sha512-+ISMj8OIQ+0qEeDj14Rt8WwcTOiqHyAB+5bnK1K7xNNLjBJ4hRCQfUkw8RWtcLbfBzDwc15ZnKH0c7SNOfwiyA==}
|
||||
electron-to-chromium@1.5.183:
|
||||
resolution: {integrity: sha512-vCrDBYjQCAEefWGjlK3EpoSKfKbT10pR4XXPdn65q7snuNOZnthoVpBfZPykmDapOKfoD+MMIPG8ZjKyyc9oHA==}
|
||||
|
||||
entities@2.2.0:
|
||||
resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
|
||||
|
|
@ -916,8 +916,9 @@ packages:
|
|||
resolution: {integrity: sha512-9Que9y4k8c33iv8h5QyTfHKlurmsJIscozy7oeFRxuWeX/osXjVGu9o9MKrmo4TI6Vr9a9vh9b4LYXqm3/GvhA==}
|
||||
engines: {node: '>=16.0.0'}
|
||||
|
||||
posthtml-component@2.2.0:
|
||||
resolution: {integrity: sha512-Nf8ejKuEjny0Tg71/xqRXvFyEMujH84FyYU/YoOKxwnC8fT8eQySj82PDVECwMcGsJt3UG91UvyD6Wco7EweFA==}
|
||||
posthtml-component@https://codeload.github.com/StratusFearMe21/posthtml-components/tar.gz/476bad0284275f5d1ff32273602bf0c0bdd6de93:
|
||||
resolution: {tarball: https://codeload.github.com/StratusFearMe21/posthtml-components/tar.gz/476bad0284275f5d1ff32273602bf0c0bdd6de93}
|
||||
version: 2.2.0
|
||||
engines: {node: '>=18'}
|
||||
|
||||
posthtml-expressions@1.11.4:
|
||||
|
|
@ -1308,7 +1309,7 @@ snapshots:
|
|||
'@parcel/plugin': 2.15.4(@parcel/core@2.15.4(@swc/helpers@0.5.17))
|
||||
'@parcel/source-map': 2.1.1
|
||||
'@parcel/utils': 2.15.4
|
||||
'@swc/core': 1.12.11(@swc/helpers@0.5.17)
|
||||
'@swc/core': 1.12.14(@swc/helpers@0.5.17)
|
||||
nullthrows: 1.1.1
|
||||
transitivePeerDependencies:
|
||||
- '@parcel/core'
|
||||
|
|
@ -1325,7 +1326,7 @@ snapshots:
|
|||
'@parcel/types': 2.15.4(@parcel/core@2.15.4(@swc/helpers@0.5.17))
|
||||
'@parcel/utils': 2.15.4
|
||||
'@parcel/workers': 2.15.4(@parcel/core@2.15.4(@swc/helpers@0.5.17))
|
||||
'@swc/core': 1.12.11(@swc/helpers@0.5.17)
|
||||
'@swc/core': 1.12.14(@swc/helpers@0.5.17)
|
||||
semver: 7.7.2
|
||||
transitivePeerDependencies:
|
||||
- '@swc/helpers'
|
||||
|
|
@ -1746,51 +1747,51 @@ snapshots:
|
|||
transitivePeerDependencies:
|
||||
- napi-wasm
|
||||
|
||||
'@swc/core-darwin-arm64@1.12.11':
|
||||
'@swc/core-darwin-arm64@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-darwin-x64@1.12.11':
|
||||
'@swc/core-darwin-x64@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-linux-arm-gnueabihf@1.12.11':
|
||||
'@swc/core-linux-arm-gnueabihf@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-linux-arm64-gnu@1.12.11':
|
||||
'@swc/core-linux-arm64-gnu@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-linux-arm64-musl@1.12.11':
|
||||
'@swc/core-linux-arm64-musl@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-linux-x64-gnu@1.12.11':
|
||||
'@swc/core-linux-x64-gnu@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-linux-x64-musl@1.12.11':
|
||||
'@swc/core-linux-x64-musl@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-win32-arm64-msvc@1.12.11':
|
||||
'@swc/core-win32-arm64-msvc@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-win32-ia32-msvc@1.12.11':
|
||||
'@swc/core-win32-ia32-msvc@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core-win32-x64-msvc@1.12.11':
|
||||
'@swc/core-win32-x64-msvc@1.12.14':
|
||||
optional: true
|
||||
|
||||
'@swc/core@1.12.11(@swc/helpers@0.5.17)':
|
||||
'@swc/core@1.12.14(@swc/helpers@0.5.17)':
|
||||
dependencies:
|
||||
'@swc/counter': 0.1.3
|
||||
'@swc/types': 0.1.23
|
||||
optionalDependencies:
|
||||
'@swc/core-darwin-arm64': 1.12.11
|
||||
'@swc/core-darwin-x64': 1.12.11
|
||||
'@swc/core-linux-arm-gnueabihf': 1.12.11
|
||||
'@swc/core-linux-arm64-gnu': 1.12.11
|
||||
'@swc/core-linux-arm64-musl': 1.12.11
|
||||
'@swc/core-linux-x64-gnu': 1.12.11
|
||||
'@swc/core-linux-x64-musl': 1.12.11
|
||||
'@swc/core-win32-arm64-msvc': 1.12.11
|
||||
'@swc/core-win32-ia32-msvc': 1.12.11
|
||||
'@swc/core-win32-x64-msvc': 1.12.11
|
||||
'@swc/core-darwin-arm64': 1.12.14
|
||||
'@swc/core-darwin-x64': 1.12.14
|
||||
'@swc/core-linux-arm-gnueabihf': 1.12.14
|
||||
'@swc/core-linux-arm64-gnu': 1.12.14
|
||||
'@swc/core-linux-arm64-musl': 1.12.14
|
||||
'@swc/core-linux-x64-gnu': 1.12.14
|
||||
'@swc/core-linux-x64-musl': 1.12.14
|
||||
'@swc/core-win32-arm64-msvc': 1.12.14
|
||||
'@swc/core-win32-ia32-msvc': 1.12.14
|
||||
'@swc/core-win32-x64-msvc': 1.12.14
|
||||
'@swc/helpers': 0.5.17
|
||||
|
||||
'@swc/counter@0.1.3': {}
|
||||
|
|
@ -1822,7 +1823,7 @@ snapshots:
|
|||
browserslist@4.25.1:
|
||||
dependencies:
|
||||
caniuse-lite: 1.0.30001727
|
||||
electron-to-chromium: 1.5.181
|
||||
electron-to-chromium: 1.5.183
|
||||
node-releases: 2.0.19
|
||||
update-browserslist-db: 1.1.3(browserslist@4.25.1)
|
||||
|
||||
|
|
@ -1889,7 +1890,7 @@ snapshots:
|
|||
|
||||
dotenv@16.6.1: {}
|
||||
|
||||
electron-to-chromium@1.5.181: {}
|
||||
electron-to-chromium@1.5.183: {}
|
||||
|
||||
entities@2.2.0: {}
|
||||
|
||||
|
|
@ -2109,7 +2110,7 @@ snapshots:
|
|||
|
||||
posthtml-attrs-parser@1.1.2: {}
|
||||
|
||||
posthtml-component@2.2.0:
|
||||
posthtml-component@https://codeload.github.com/StratusFearMe21/posthtml-components/tar.gz/476bad0284275f5d1ff32273602bf0c0bdd6de93:
|
||||
dependencies:
|
||||
lodash: 4.17.21
|
||||
posthtml: 0.16.6
|
||||
|
|
|
|||
46
src/components/interest.html
Normal file
46
src/components/interest.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
onclick: props.onclick || '',
|
||||
titlestyle: props.titlestyle || '',
|
||||
headerstyle: props.headerstyle || '',
|
||||
person: props.person,
|
||||
}
|
||||
</script>
|
||||
<div class="interest">
|
||||
<a href="/src/who_we_are.html#{{person}}" hx-get="/partials/who_we_are.html" hx-push-url="/who_we_are.html#{{person}}"
|
||||
hx-swap="innerHtml show:#{{person}}:top">
|
||||
<div class="figure">
|
||||
<img src="/assets/{{person}}.jpg" class="person">
|
||||
</div>
|
||||
</a>
|
||||
<svg height="4rem" width="4rem" viewBox="0 0 4 4" style="min-width: 4rem;">
|
||||
<circle cx="2" cy="2" r="2" fill="#484848"></circle>
|
||||
</svg>
|
||||
<x-project onclick="{{onclick}}" titlestyle="{{titlestyle}}" headerstyle="{{headerstyle}}">
|
||||
<if condition="$slots.img?.filled">
|
||||
<fill:img>
|
||||
<slot:img></slot:img>
|
||||
</fill:img>
|
||||
</if>
|
||||
<if condition="$slots.title?.filled">
|
||||
<fill:title>
|
||||
<slot:title></slot:title>
|
||||
</fill:title>
|
||||
</if>
|
||||
<if condition="$slots.links?.filled">
|
||||
<fill:links>
|
||||
<slot:links></slot:links>
|
||||
</fill:links>
|
||||
</if>
|
||||
<if condition="$slots.subtitle?.filled">
|
||||
<fill:subtitle>
|
||||
<slot:subtitle></slot:subtitle>
|
||||
</fill:subtitle>
|
||||
</if>
|
||||
<if condition="$slots.description?.filled">
|
||||
<fill:description>
|
||||
<slot:description></slot:description>
|
||||
</fill:description>
|
||||
</if>
|
||||
</x-project>
|
||||
</div>
|
||||
30
src/components/project.html
Normal file
30
src/components/project.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
onclick: props.onclick || '',
|
||||
titlestyle: props.titlestyle || '',
|
||||
headerstyle: props.headerstyle || '',
|
||||
}
|
||||
</script>
|
||||
<div class="project">
|
||||
<if condition="$slots.img?.filled || $slots.links?.filled">
|
||||
<div class="project-title" style="{{titlestyle}}">
|
||||
<if condition="$slots.img?.filled">
|
||||
<div class="figure">
|
||||
<slot:img></slot:img>
|
||||
</div>
|
||||
</if>
|
||||
<slot:title></slot:title>
|
||||
<if condition="$slots.links?.filled">
|
||||
<div class="links">
|
||||
<slot:links></slot:links>
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
</if>
|
||||
<div class="description">
|
||||
<div onclick="{{onclick}}" style="{{headerstyle}}">
|
||||
<slot:subtitle></slot:subtitle>
|
||||
</div>
|
||||
<slot:description></slot:description>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
<script props>
|
||||
module.exports = {
|
||||
onclick: props.onclick || '',
|
||||
titlestyle: props.titlestyle || '',
|
||||
headerstyle: props.headerstyle || '',
|
||||
}
|
||||
</script>
|
||||
<div class="project">
|
||||
<div class="project-title" style="{{titlestyle}}">
|
||||
<if condition="$slots.img?.filled">
|
||||
<div class="figure">
|
||||
<slot:img></slot:img>
|
||||
</div>
|
||||
</if>
|
||||
<slot:title></slot:title>
|
||||
<if condition="$slots.links?.filled">
|
||||
<div class="links">
|
||||
<slot:links></slot:links>
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div onclick="{{onclick}}" style="{{headerstyle}}">
|
||||
<slot:subtitle></slot:subtitle>
|
||||
</div>
|
||||
<slot:description></slot:description>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -4,20 +4,62 @@
|
|||
That's crazy
|
||||
</x-blockquote>
|
||||
</x-section-head>
|
||||
<x-project>
|
||||
<x-interest person="isaac">
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I love listening to the **works** albums from **Diverse System** while I'm working! Here's a 24-hour livestream
|
||||
from them
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/HXB5A7Psifk" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest class="project-alt" person="richard">
|
||||
<fill:img>
|
||||
<x-project.text>?</x-project.text>
|
||||
<img src="/assets/dancerush.png">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
# Coming soon to theaters
|
||||
# Dance Rush
|
||||
</markdown>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## This website is under construction
|
||||
## Very good game
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>We'll get to it, trust</fill:description>
|
||||
</x-project>
|
||||
<fill:description>
|
||||
<!-- <markdown> -->
|
||||
<!-- I love going over to Round One in Provo, Utah and tearing it up on the dance floor! -->
|
||||
<!-- </markdown> -->
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest person="isaac">
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I also love listening to Diverse System's **AD:** albums in my free time as well. This is a highlight reel of
|
||||
one of my
|
||||
favorites.
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/gNGcEwi2e5M" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest class="project-alt" person="isaac">
|
||||
<fill:person>
|
||||
<img src="/assets/isaac.jpg" class="person">
|
||||
</fill:person>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
My favorite artist under Diverse System has gotta be **xi**. This is a highlight reel of my favorite album
|
||||
by them.
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/ii8t_TZluvA?si=-PrfEwqZqAbMeFWS" title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
</x-tab.content>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="richgrov/simulo"></x-link.github>
|
||||
<x-link.website href="https://simulo.grover.sh" referencing="Simulo"></x-link.website>
|
||||
<x-link.website href="https://simulo.tech" referencing="Simulo"></x-link.website>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
|
|
|
|||
|
|
@ -29,16 +29,12 @@
|
|||
Tyson, let's get out of here
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<!-- <fill:description> -->
|
||||
<!-- <markdown> -->
|
||||
<!-- I have a passion for helping entertainment find it's place in the world. Where some people see brains rotting, I -->
|
||||
<!-- see oppurtunities for generations to be brought closer together, empowered with critical thinking. I've been -->
|
||||
<!-- writing code -->
|
||||
<!-- since I was -->
|
||||
<!-- 12, -->
|
||||
<!-- and creating value since I was 17. -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </fill:description> -->
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I think the rest of the card explains enough about me ngl. I don't think another bit of text would add much
|
||||
value
|
||||
</markdown>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project class="project-alt" id="tyson">
|
||||
<fill:img>
|
||||
|
|
@ -134,11 +130,11 @@
|
|||
You only live once, die trying
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<!-- <fill:description> -->
|
||||
<!-- <markdown> -->
|
||||
<!-- Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️ -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </fill:description> -->
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️
|
||||
</markdown>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project id="isaac">
|
||||
<fill:img>
|
||||
|
|
@ -165,12 +161,12 @@
|
|||
Pog
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<!-- <fill:description> -->
|
||||
<!-- <markdown> -->
|
||||
<!-- I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems! -->
|
||||
<!-- Ever since I was 7, my specialization has always been in looking for problems to solve, and working with people -->
|
||||
<!-- to solve them. -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </fill:description> -->
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems!
|
||||
Ever since I was 7, my specialization has always been in looking for problems to solve, and working with people
|
||||
to solve them.
|
||||
</markdown>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
</x-tab.content>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
@custom-media --tablet only screen and (max-width: 1200px);
|
||||
@custom-media --phone only screen and (max-width: 700px);
|
||||
@custom-media --phone only screen and (max-width: 800px);
|
||||
@custom-media --smaller-phone only screen and (max-width: 500px);
|
||||
|
||||
:root {
|
||||
|
|
@ -39,7 +39,6 @@ center:has(> blockquote) {
|
|||
margin: 10px auto;
|
||||
font-size: min(5vw, 22pt);
|
||||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
|
|
@ -91,12 +90,23 @@ blockquote {
|
|||
padding: 0 40;
|
||||
}
|
||||
|
||||
.project-alt {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.project {
|
||||
background-color: #484848;
|
||||
padding: 16px 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 32px;
|
||||
padding: 24px;
|
||||
border-radius: 5rem;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
aspect-ratio: 16/9;
|
||||
margin: 16pt 0;
|
||||
}
|
||||
|
||||
&>div {
|
||||
padding: 16px;
|
||||
|
|
@ -104,22 +114,67 @@ blockquote {
|
|||
|
||||
@media (--phone) {
|
||||
flex-direction: column;
|
||||
padding: 18px;
|
||||
padding: 32px;
|
||||
|
||||
&>div {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (--smaller-phone) {
|
||||
margin: 8px;
|
||||
|
||||
p {
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
iframe {
|
||||
margin: 14pt 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.interest {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
|
||||
.person {
|
||||
width: 128px;
|
||||
margin: 25px;
|
||||
}
|
||||
|
||||
.project {
|
||||
border-radius: 5rem;
|
||||
padding: 36px;
|
||||
}
|
||||
|
||||
@media (--tablet) {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 18px;
|
||||
|
||||
&.project-alt {
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
@media (--smaller-phone) {
|
||||
.project {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.project-title {
|
||||
min-width: 275px;
|
||||
|
||||
@media (--smaller-phone) {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24pt;
|
||||
margin: 0;
|
||||
|
|
@ -160,7 +215,7 @@ blockquote {
|
|||
border-bottom: solid 6px #eee;
|
||||
}
|
||||
|
||||
@media (--smaller-phone) {
|
||||
@media only screen and (max-width: 550px) {
|
||||
flex-direction: column;
|
||||
|
||||
a {
|
||||
|
|
@ -189,9 +244,6 @@ blockquote {
|
|||
}
|
||||
}
|
||||
|
||||
.project-alt {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.person {
|
||||
clip-path: circle(50%);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue