Skip to content

Commit bafaa1e

Browse files
ProcStackProcStack
committed
Projects dates and spacing
Wanted to add the year of each project and a header bottom bar
1 parent 773a91f commit bafaa1e

File tree

12 files changed

+89
-52
lines changed

12 files changed

+89
-52
lines changed

‎docs/pages/aboutMe/whatAmI.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export const pageListingData = {
3333
</div>
3434
3535
<div class='procPagesAboutMe-subHeaderStyle'>
36-
<span>Note : 25+ years of using 'Native Javascript' <span class="textShrink">(since I was a kid)</span>; but little React & Next.js knowledge.
36+
<span>Note : 25+ years of using 'Native Javascript' <span class="textShrink">(since I was a kid)</span>; but little React & Next.js experience.
3737
<br>&nbsp;&nbsp; So I'm better dev'ing modules, middleware, & backends.
3838
<br>&nbsp;&nbsp; Like, I wrote this site's single-page system in 'vanilla' JS for the fun of it.</span>
3939
</div>

‎docs/pages/projects/Metal-Asylum.js

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,14 @@ export const pageListingData = {
55
'navStyle' : ['hideOnMobile'],
66
'media' : [],
77
'content' : `
8-
<div class="procPagesProjectsHeaderStyle"><a href='http://www.metal-asylum.net' class="textBump" target='_blank'>Metal-Asylum.net</a></div>
8+
<div class="procPagesProjectsHeaderStyle"><a href='http://www.metal-asylum.net' class="textBump" target='_blank'>Metal-Asylum.net</a></div> <span class="textDrinkMeAlice textItalic">2008+</span>
9+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">JavaScript & GLSL ES</span></span>
10+
<div class="pppHBar"></div>
11+
912
<div class="procPagesProjectsDescriptionStyle">My main site - an earlier version of <span class="textNudge">pxlNav</span>,
1013
<br>But this time you can walk around and jump - Best on desktop
1114
12-
<br><br>It changes every couple'a years, never quite getting to a state of being “done,” yet always a shotgun blast of different dev work.
15+
It changes every couple'a years, never quite getting to a state of being “done,” yet always a shotgun blast of different dev work.
1316
1417
<br><br>Currently a real-time first-person Cabin in the woods, well, a forest with less trees than desired...
1518
<br>Since it's pxlNav, and like this site, if you hit <span class='textBoldBox'>Y</span> on your keyboard, the shader editor will pop up.

‎docs/pages/projects/NeurousNet.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,10 @@ export const pageListingData = {
1111
},
1212
],
1313
'content' : `
14-
<div class="procPagesProjectsHeaderStyle"><a href='http://www.neurous.net' class="textBump" target='_blank'>Neurous.net</a></div>
14+
<div class="procPagesProjectsHeaderStyle"><a href='http://www.neurous.net' class="textBump" target='_blank'>Neurous.net</a> <span class="textDrinkMeAlice textItalic">2017</span></div>
15+
<span class="textShrink textItalic textName ">Language - <span class="textBold">JavaScript</span></span>
16+
<div class="pppHBar"></div>
17+
1518
<div class="procPagesProjectsDescriptionStyle"> <span class="textNudge">*More fun on phone!*</span>
1619
<br>&nbsp;&nbsp;&nbsp;&nbsp; A few day project.
1720
<br>&nbsp;&nbsp; Just a page you can play around with particles. A random project to make a custom emitter and particle class structure in javascript.

‎docs/pages/projects/dwitter.js

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,11 +24,12 @@ export const pageListingData = {
2424
},
2525
],
2626
'content' : `
27-
<a href='https://dwitter.net/u/trancor' class="textBump" target='_blank'>Dwitter</a>
28-
<br>My account on a javaScript code golfing website
29-
<br>
30-
31-
<br>'Code Golfing' is the art of annoying your coworkers + devs,
27+
<a href='https://dwitter.net/u/trancor' class="textBump" target='_blank'>Dwitter</a> <span class="textDrinkMeAlice textItalic">2018+</span>
28+
<br><span class="textBump">My account on a javaScript code golfing website</span>
29+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">JavaScript</span></span>
30+
<div class="pppHBar"></div>
31+
32+
'Code Golfing' is the art of annoying your coworkers + devs,
3233
<br>&nbsp;&nbsp; By writing the most obtuse code as possible,
3334
<br>&nbsp;&nbsp;&nbsp;&nbsp; In the fewest characters you can.
3435

‎docs/pages/projects/procPromo.js

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,11 +26,13 @@ export const pageListingData = {
2626
},
2727
],
2828
'content' : `
29-
<a href='https://github.com/ProcStack/procPromo_ShaderPack' class='procPagesRepoLinkStyle' target='_blank'>procPromo Shader Pack</a>
30-
<br>A shader pack for Minecraft, used through Optifine.
31-
32-
<br>
33-
<br>I started writing procPromo in the spring of 2022 as a way to learn GLSL,
29+
<a href='https://github.com/ProcStack/procPromo_ShaderPack' class='procPagesRepoLinkStyle' target='_blank'>procPromo Shader Pack</a> <span class="textDrinkMeAlice textItalic">2022-2025</span>
30+
<br><span class="textBump">A shader pack for Minecraft, used through Optifine.</span>
31+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">GLSL 1.2 & 3.2+</span></span>
32+
<br><span class="textShrink textItalic textName ">File Count - <span class="textBold">177</span></span>
33+
<div class="pppHBar"></div>
34+
35+
I started writing procPromo in the spring of 2022 as a way to learn GLSL,
3436
<br>&nbsp;&nbsp; Figured, if I was already playing mindcraft, might as well make it look cool too;
3537
<br>&nbsp;&nbsp;&nbsp;&nbsp; Like when buildings the 2 builds in the images above.
3638

‎docs/pages/projects/procstackgithubio.js

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,10 @@ export const pageListingData = {
55
'navStyle' : ['hideOnMobile'],
66
'media' : [],
77
'content' : `
8-
<a href='https://github.com/ProcStack/procstack.github.io' class='procPagesRepoLinkStyle' target='_blank'>procstack.github.io github repository</a>
9-
<br>Eyyyyy, check out this sites code! It mostly has examples of pxlNav rooms and a page & content system I wrote.
8+
<a href='https://github.com/ProcStack/procstack.github.io' class='procPagesRepoLinkStyle' target='_blank'>procstack.github.io github repository</a> <span class="textDrinkMeAlice textItalic">2024-2025</span>
9+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">Javascript</span></span>
10+
<div class="pppHBar"></div>
11+
12+
Eyyyyy, check out this sites code! It mostly has examples of pxlNav rooms and a page & content system I wrote.
1013
`,
1114
};

‎docs/pages/projects/pxlCam.js

Lines changed: 27 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -35,30 +35,35 @@ export const pageListingData = {
3535
},
3636
],
3737
'content' : `
38-
<div class="procPagesProjectsHeaderStyle"><a href='https://pxlmancer.com/gl/pxlCam' class="textBump" target='_blank'>pxlCam</a></div>
39-
<div class="procPagesProjectsDescriptionStyle"> <span class="textNudge">*Use on phone!!*</span>
40-
<br>&nbsp;&nbsp;&nbsp;&nbsp; A few day project.
41-
42-
<br>&nbsp;&nbsp; - Tap the right arrows to switch between the cameras.
43-
<br>&nbsp;&nbsp; - Tap the triple down arrow to change the filter.
44-
<br>&nbsp;&nbsp; - The lightning bolt will make the screen white in selfie mode; use your phones light with your back camera
45-
<br>&nbsp;&nbsp; - The grid toggles the overlay you can use to align and position your shot
38+
<div class="procPagesProjectsHeaderStyle"><a href='https://pxlmancer.com/gl/pxlCam' class="textBump" target='_blank'>pxlCam</a> <span class="textDrinkMeAlice textItalic">2020</span></div>
39+
<span class="textBump">A photo filter camera web app</span>
40+
<span class="textShrink textItalic textName ">Languages - <span class="textBold">Javascript & GLSL ES</span></span>
41+
<div class="pppHBar"></div>
42+
43+
<div class="procPagesProjectsDescriptionStyle">
44+
<span class="textNudge">*Use on phone!!*</span>
45+
<br>&nbsp;&nbsp;&nbsp;&nbsp; A few day project.
46+
47+
<br>&nbsp;&nbsp; - Tap the right arrows to switch between the cameras.
48+
<br>&nbsp;&nbsp; - Tap the triple down arrow to change the filter.
49+
<br>&nbsp;&nbsp; - The lightning bolt will make the screen white in selfie mode; use your phones light with your back camera
50+
<br>&nbsp;&nbsp; - The grid toggles the overlay you can use to align and position your shot
4651
47-
<br>&nbsp;&nbsp; - Tap & drag left/right or up/down to change the current filter's hue shifting or edge detection size & brightness
48-
<br>
49-
<br> Each filter has a different effect for the finger drag + direction, so play around with it!
52+
<br>&nbsp;&nbsp; - Tap & drag left/right or up/down to change the current filter's hue shifting or edge detection size & brightness
53+
<br>
54+
<br> Each filter has a different effect for the finger drag + direction, so play around with it!
5055
51-
<br>
52-
<br>
53-
<br> This is a camera filter web site I wrote with interactive color and edge effects opengl shaders,
54-
<br>
55-
<br> I've added camera checks + access, resolution checkings + switching
56-
<br>&nbsp;&nbsp; The photo-bin temp photo storage handling. Once you take a photo, a thumbnail will appear. Tap the icon to load a screen to save the image to any number of resoultions. Tap a resolution to load the file size, if you want to send the photo on discord or something.
57-
<br>
56+
<br>
57+
<br>
58+
<br> This is a camera filter web site I wrote with interactive color and edge effects opengl shaders,
59+
<br>
60+
<br> I've added camera checks + access, resolution checkings + switching
61+
<br>&nbsp;&nbsp; The photo-bin temp photo storage handling. Once you take a photo, a thumbnail will appear. Tap the icon to load a screen to save the image to any number of resoultions. Tap a resolution to load the file size, if you want to send the photo on discord or something.
62+
<br>
5863
59-
<br>&nbsp;&nbsp;&nbsp;&nbsp; And your multiple phone cameras in-browser.
60-
61-
<br>
62-
</div>
64+
<br>&nbsp;&nbsp;&nbsp;&nbsp; And your multiple phone cameras in-browser.
65+
66+
<br>
67+
</div>
6368
`,
6469
};

‎docs/pages/projects/pxlTextGenerator.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,12 @@ export const pageListingData = {
1919
}
2020
],
2121
'content' : `
22-
<a href='https://github.com/ProcStack/pxlTextGenerator' class='procPagesRepoLinkStyle' target='_blank'>pxlTextGenerator</a>
23-
<br>Text to handwriting generator
24-
<br>
25-
<br>Created to capture the personality of one of my characters, Diece; the very one who lives in the cabin of Metal-Asylum.net.
22+
<a href='https://github.com/ProcStack/pxlTextGenerator' class='procPagesRepoLinkStyle' target='_blank'>pxlTextGenerator</a> <span class="textDrinkMeAlice textItalic">2018-2019</span>
23+
<br><span class="textBump">Text to handwriting generator</span>
24+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">Python</span></span>
25+
<div class="pppHBar"></div>
26+
27+
Created to capture the personality of one of my characters, Diece; the very one who lives in the cabin of Metal-Asylum.net.
2628
<br>Letting them write the very words written in the tome perched upon the desk.
2729
<br>A segmenter, labeler, and scripting language was written to allow saving individual characters, variants, and written pages, with text effects like opacity, scale, and kearning.
2830

‎docs/pages/projects/pxlVisualizer.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,11 @@ export const pageListingData = {
1111
}
1212
],
1313
'content' : `
14-
<a href='https://github.com/ProcStack/pxlVisualizer' class='procPagesRepoLinkStyle' target='_blank'>pxlVisualizer</a>
15-
<br>Trippy visuals, using OpelGL and C++ through OpenFrameWorks in 2019.
16-
<br>
17-
<br>Originally written in Python for PyGame, decided it would be a fun project to learn C++ on.
14+
<a href='https://github.com/ProcStack/pxlVisualizer' class='procPagesRepoLinkStyle' target='_blank'>pxlVisualizer</a> <span class="textDrinkMeAlice textItalic">2019</span>
15+
<br><span class="textBump">Different switchable trippy visuals</span>
16+
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">C++ / OpenFrameWorks</span></span>
17+
<div class="pppHBar"></div>
18+
19+
Originally written in Python for PyGame, decided it would be a fun project to learn C++ on.
1820
`,
1921
};

‎docs/pages/projects/pxlmancer.js

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,12 @@ export const pageListingData = {
2525
},
2626
],
2727
'content' : `
28-
<div class="procPagesProjectsHeaderStyle"><a href='https://pxlmancer.com' class="textBump" target='_blank'>pxlmancer.com</a></div>
29-
&nbsp;&nbsp; A full drawing/painting app on desktop, a fun fidget toy on mobile.
30-
<br>On'n'off multi-year project (2014-2019) to make a full fledge drawing site with layer support, brush types, vector tools, brush effects (cpu based pixel effects, this was pre-learning about opengl shaders or webgl)
28+
<div class="procPagesProjectsHeaderStyle"><a href='https://pxlmancer.com' class="textBump" target='_blank'>pxlmancer.com</a> <span class="textDrinkMeAlice textItalic">2014-2019</span></div>
29+
<span class="textBump">A full drawing/painting app on desktop, a fun fidget toy on mobile.</span>
30+
<br><span class="textShrink textItalic textName ">Languages - <span class="textBold">JavaScript & JQuery</span></span>
31+
<div class="pppHBar"></div>
32+
33+
On'n'off multi-year project to make a full fledge drawing site with layer support, brush types, vector tools, brush effects (cpu based pixel effects, this was pre-learning about opengl shaders or webgl)
3134
3235
<br>
3336
<br>

0 commit comments

Comments
 (0)