Skip to content

Commit c262a24

Browse files
bbfh-devbbfh-dev
committed
feat: Add artwork placeholder
1 parent 049da46 commit c262a24

File tree

5 files changed

+67
-62
lines changed

5 files changed

+67
-62
lines changed

‎build.sh‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ input=$(set_checksum "script_index" ./_site/assets/scripts/index.js)
3535

3636
# Pages
3737
mend --input "$input" ./src/index.html >./_site/index.html &
38+
mend --input "$input" ./src/artwork.html >./_site/artwork.html &
3839

3940
wait
4041
echo "Done."

‎src/artwork.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<pkg:root :title="Artwork">
2+
<p>
3+
Hello
4+
</p>
5+
</pkg:root>

‎src/components/root.html‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta name="author" content="BubbleFish" />
99
<meta name="description" content="My personal website containing my work" />
1010

11-
<title>[[ this.title ]] @ [[ this.space ]] — bbfh.me</title>
11+
<title>[[ this.title ]] — bbfh.me</title>
1212
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
1313
<link href="/assets/styles/01_reset.min.css?checksum=[[ ^.checksums.style_reset ]]" rel="stylesheet" />
1414
<link href="/assets/styles/02_fonts.min.css?checksum=[[ ^.checksums.style_fonts ]]" rel="stylesheet" />
@@ -23,7 +23,19 @@
2323
<body>
2424
<div id="root">
2525
<pkg:sidebar :title="[[ this.title ]]" />
26-
<mend:slot />
26+
<main>
27+
<header>
28+
<button onclick="scrollOnMobile(false);" class="navigation-button">
29+
<mend:include :src="icons/navigation_angle_left.svg" />
30+
</button>
31+
<span>
32+
<mend:include :src="icons/hashtag.svg" />
33+
<span>[[ this.title ]]</span>
34+
</span>
35+
</header>
36+
<hr />
37+
<mend:slot />
38+
</main>
2739
</div>
2840
</body>
2941

‎src/components/sidebar.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
</button>
88
</header>
99

10-
<pkg:sidebar-button :title="Index" data-selected="[[ this.title == 'Index' ]]" href="">
10+
<pkg:sidebar-button :title="Home" data-selected="[[ this.title == 'Home' ]]" href="/">
1111
<mend:include :src="icons/hashtag.svg" />
1212
</pkg:sidebar-button>
13-
<pkg:sidebar-button :title="Artwork" data-selected="[[ this.title == 'Artwork' ]]" href="">
13+
<pkg:sidebar-button :title="Artwork" data-selected="[[ this.title == 'Artwork' ]]" href="/artwork">
1414
<mend:include :src="icons/picture.svg" />
1515
</pkg:sidebar-button>
1616

‎src/index.html‎

Lines changed: 45 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,49 @@
1-
<pkg:root :title="Index" :space="Home">
2-
<main>
3-
<header>
4-
<button onclick="scrollOnMobile(false);" class="navigation-button">
5-
<mend:include :src="components/icons/navigation_angle_left.svg" />
6-
</button>
7-
<span>
8-
<mend:include :src="components/icons/hashtag.svg" />
9-
<span>Index</span>
10-
</span>
11-
</header>
12-
<hr />
1+
<pkg:root :title="Home">
2+
<p>
3+
Welcome to my website. Here I host a variety of stuff: my artwork, previous & future projects, tools, and more!
4+
</p>
5+
<p>
6+
Use the sidebar to explore all of my various projects.
7+
</p>
138

14-
<p>
15-
Welcome to my website. Here I host a variety of stuff: my artwork, previous & future projects, tools, and more!
16-
</p>
17-
<p>
18-
Use the sidebar to explore all of my various projects.
19-
</p>
9+
<h1>My qualities</h1>
10+
<ul>
11+
<li>I am the CEO of Unfinished Projects Inc.</li>
12+
<li>I don't need AI to make slop.</li>
13+
<li>The only Clean code I know is the one that hasn't been written.</li>
14+
<li>Over 7 years of experience in non-commercial slop coding (the best kind of slop coding).</li>
15+
<li>I'm a fish but live above the C level.</li>
16+
</ul>
2017

21-
<h1>My qualities</h1>
22-
<ul>
23-
<li>I am the CEO of Unfinished Projects Inc.</li>
24-
<li>I don't need AI to make slop.</li>
25-
<li>The only Clean code I know is the one that hasn't been written.</li>
26-
<li>Over 7 years of experience in non-commercial slop coding (the best kind of slop coding).</li>
27-
<li>I'm a fish but live above the C level.</li>
28-
</ul>
18+
<h1>What slop do I make</h1>
19+
<ul>
20+
<li>
21+
<b>Graphical design</b>
22+
— Design websites, icons, logotypes, and art pieces.
23+
</li>
24+
<li>
25+
<b>Websites</b>
26+
— You can call me a full-stack engineer. Although the whole web is slop.
27+
</li>
28+
<li>
29+
<b>Minecraft projects</b>
30+
— Create Minecraft adventure maps, data & resource packs.
31+
</li>
32+
<li>
33+
<b>Tools</b>
34+
— Create tools & scripts for other developers to use (Go, Bash, Tree-sitter).
35+
</li>
36+
<li>
37+
<b>Other personal projects</b>
38+
— Projects I haven't published/finished in Java, Python, C, and other languages.
39+
</li>
40+
</ul>
2941

30-
<h1>What slop do I make</h1>
31-
<ul>
32-
<li>
33-
<b>Graphical design</b>
34-
— Design websites, icons, logotypes, and art pieces.
35-
</li>
36-
<li>
37-
<b>Websites</b>
38-
— You can call me a full-stack engineer. Although the whole web is slop.
39-
</li>
40-
<li>
41-
<b>Minecraft projects</b>
42-
— Create Minecraft adventure maps, data & resource packs.
43-
</li>
44-
<li>
45-
<b>Tools</b>
46-
— Create tools & scripts for other developers to use (Go, Bash, Tree-sitter).
47-
</li>
48-
<li>
49-
<b>Other personal projects</b>
50-
— Projects I haven't published/finished in Java, Python, C, and other languages.
51-
</li>
52-
</ul>
53-
54-
<h1>Contact me</h1>
55-
<p>
56-
Want to collaborate? Tell me just how shit my code is?
57-
</p>
58-
<p>
59-
Feel free to message me on discord <span class="code">@bbfh</span> or send a pigeon my way <a href="mailto:daforsastudia@gmail.com">daforsastudia@gmail.com</a>!
60-
</p>
61-
</main>
42+
<h1>Contact me</h1>
43+
<p>
44+
Want to collaborate? Tell me just how shit my code is?
45+
</p>
46+
<p>
47+
Feel free to message me on discord <span class="code">@bbfh</span> or send a pigeon my way <a href="mailto:daforsastudia@gmail.com">daforsastudia@gmail.com</a>!
48+
</p>
6249
</pkg:root>

0 commit comments

Comments
 (0)