index.html

---
layout: Layout_Default
title: "Gamepad.Coder"

meta_description: Homepage
meta_keywords: "homepage, home page"

permalink: /
---

{%- comment %}
<!--

    ------------------------------------------
          © released under (CC0)            : 
    ------------------------------------------
     This site's HTML + CSS + Jekyll + Liquid.
     This site's content.
                           Gamepad.Coder 2021.
    
    --------------------------------------------------
    https://creativecommons.org/publicdomain/zero/1.0/
    --------------------------------------------------


--> 
{% endcomment -%}

		<!-- main content -->
		<div id="the_page__main_content">
		
			
			<h2>About this website:</h2>
			<article class="welcome_article additional_bottom_margin">
					<p>
						
						<p class="homepage_welcome">Welcome to the <span class="asideBar__Home__nav_ref">Home</span> page!</p>
			
					</p>
					<p>
						<br/>
						✅ COMPLETE !
						<div>
							
						<div style="padding-left:30px">		
								<span class="parenthetical"><s style="text-decoration-color: cadetblue;">I am currently</s> Earlier this year, I was seeking a remote job where I can work as 
									either a software developer or a technical writer.</span> 
								</s>
								
						</div>
					</p>
					<p>						
						I originally created this website to serve three purposes:
						<ol class="more_indented_ordered_list">
							<li>
								Showcase my personal code + documentation.
							</li>
							<li>
								Contextually display my different writing styles.
							</li>
							<li>
								Demonstrate my willingness and ability to learn new frameworks and skills.
							</li>
						</ol>
					</p>
					<p>
						I'd never used CSS before creating this website, 
						and only had a cursory familiarity with HTML.						
					</p>
					<p>
						I learned SO much, had a lot of fun, 
						and discovered some really interesting toolchains 
						while building this website.
					</p>
					<p>
						I put a lot of labor and love into making 
						<a href="/Apps.html#h_thisWebsite" style="
							background: rgba(0,0,0,0.5); 
							padding: 2px 5px;
							border-radius: 7px;
						">this website</a>,
						and I enjoy how it turned out. 
						But if you think of any small tweaks or additions, I'm open to 
						suggestions. Feel free to click the 
						<a href="/contact.html" style="
							background: rgba(0,0,0,0.5); 
							padding: 2px 5px;
							border-radius: 7px;
						">contact</a>
						link (found in the upper-right corner of each page) 
						and send me an email. Enjoy!
					</p>
			</article>
			
			<h2>Future Plans:</h2>
			<article class="welcome_article additional_bottom_margin">
					<p>
						<s style="text-decoration-color: cadetblue;">
							After finding a job,</s>
						When I get back into a good flow studying Godot and Blender again, 
						I'll begin to post tutorials and walkthroughs for programs. <span
						class="parenthetical">(And I'll ensure that all current URLs 
						in the Documentation section remain valid, regardless of any future tweaks)</span>.
					</p>
					<p>
						Though my true loves in life are my wife, philosophy, and application writing-- 
						I will definitely return to add to this website in the future. I just don't know when.
						<br><br>
						For now, my time as a web developer is very much on the backburner.
						I had to abandon many other projects for months and months to complete this.
						I desperately wish to return to my gigantic hobby project. 
						And (if I can manage to convince myself :) I'd like to spend a bit of 
						time relaxing now that this marathon is over.
					</p>
			</article>
			
			
			<h2>Contents of this website:</h2>
			<article class="additional_bottom_margin">

					<input id="home__collapsible_section_1" class="toggle_collapsible_section" type="checkbox">
					<label for="home__collapsible_section_1" class="label-toggle_collapsible_section">The Documentation section.</label>
					<div class="collapsible_section">
						<div class="content-inner">
							<p style="
								font-weight: bold;
								font-size: x-large;
								color: aqua;
							"> Current State: </p>
							<p>
								The <a href="/Documentation.html" class="nav_ref">Documentation</a> 
								section has the most content, at the moment.
							</p>
							<p>
								For the sake of presenting a learn portfolio, I've written two thoroughly annotated
								AutoHotkey scripts. You can read both of them with full syntax highlighting 
								and code block folding in the AutoHotkey subsection of the Documentation area.
								<br /><br />
								<a href="/Documentation/AutoHotkey/Utilities/Program_Launcher/index.html">"Program Launcher"</a>
								is a small script I wrote years ago in AutoHotkey. 
								I use it every day, but the initial version was not extensible 
								<span class="parenthetical">(and definitely not in a clean 
									nor clear enough state to distribute online)</span>.
								So I decided to rewrite it and expand it from scratch, documenting each step and algorithm.
								<br /><br />
								The result is a clean, well-designed program which you can configure easily with
								a graphical user interface.
								<br /><br />
								<a href="/Documentation/AutoHotkey/Utilities/Emulate_Numberpad/index.html">"Emulate Numberpad"</a>
								is a short script I wrote for someone on the internet who was discontent that their 
								laptop didn't have a numberpad. With this script, you press a hotkey and it 
								converts the keystrokes for keys 7,8,9 (and the keys below them) into keystrokes 
								which you typically need a numberpad to send. Pressing the hotkey again turns this mode 
								off and returns the keyboard to its normal state.
								<br /><br />
								Pictures, overviews, and the complete scripts for both
								can be found inside this website's 
								<a href="/Documentation/AutoHotkey/index.html" class="nav_ref">Documentation/AutoHotkey</a> section.
							</p>				
							<p style="
								font-weight: bold;
								font-size: x-large;
								color: aqua;
							"> Future Plans: </p>
							<p>
								Manuals, API calls, tutorials, and guides 
								for extending my open-source programs will be 
								added to the Documentation area. 
								<br /><br />
								As I experiment more with Godot, I'll add tutorials for 
								both basic and advanced scripting.
								<br /><br />
								I also plan to add a subsection to my Documentation named "Web"
								where I'll outline how this website and 
								the Documentation section itself was built.
							</p>
						</div>
						<div>
							<p style="text-align:center">
								<span class="parenthetical" style="margin-left: -20px">
									Personal note:
								</span>
							</p>
							<p>
								<span class="parenthetical">
								I began writing extensively commented code in college, 
								and ever since graduation I've been extremely grateful for the great 
								practices and habits my professors instilled in me. 
								<br /><br />
								Concise but complete documentation
								prevents mistakes, eliminates ambiguity, and
								increases productivity. But good documentation itself 
								has an overall zen and peaceful aesthetic, 
								formed from precise and practical blocks, which I never tire of. 
								<br /><br />
								System exploration, analysis, and design are compulsive hobbies for me. 
								I thoroughly enjoy learning about and memorizing complex systems.
								<br /><br />
								However, to me, it is even more satisfying to take a complex internal understanding 
								-&gt; and portray it as a clean, straightforward, delineated progression. 
								When considering your audience may include a range of <br />								
								(a) novices <br />
								(b) those with partial understanding and <br />
								(c) those with intimate understanding, <br />
								it's always a fascinating puzzle to solve with a balance. 
								<br /><br />
								If my passion is not evident in the Documentation section of my website, 
								I hope my cleanliness and presentation will show at least my competence.
								</span>
							</p>
						</div>
					</div>
					
					<input id="home__collapsible_section_2" class="toggle_collapsible_section" type="checkbox">
					<label for="home__collapsible_section_2" class="label-toggle_collapsible_section">The Application Gallery.</label>
					<div class="collapsible_section">
						<div class="content-inner">
							<p>
								In the <a href="/Apps.html" class="nav_ref">Application Gallery</a> you will find 
								a brief overview of my favorite personal projects and experiments.
								<br><br>
								Includes pictures if you're in a hurry, and expandable overviews per project if you're curious.
								<br><br>
								I have uploaded several productivity utilities written in AutoHotkey 
								which you can download and use on Windows Operating Systems. 
								These are all free, open source, and uploaded to a GitHub repository.
							</p>	
						</div>
					</div>

					<input id="home__collapsible_section_3" class="toggle_collapsible_section" type="checkbox">
					<label for="home__collapsible_section_3" class="label-toggle_collapsible_section">The Philosophy Blog.</label>
					<div class="collapsible_section">
						<div class="content-inner">							
							<p>
								My more casual writing styles can be found in the <a href="/Philosophy.html"
								class="nav_ref">Philosophy Blog</a>. There I will post some personal essays. For
								fun, I'll also include a few short stories and poems.
							</p>
						</div>
						<div>							
							<p style="text-align:center">
								<span class="parenthetical" style="margin-left: -20px">
									Personal note:
								</span>
							</p>
							<p>
								<span class="parenthetical">
								I write frequently for fun, so keep in mind the writing found in my Philosophy Blog is
								not catered to any specific audience other than myself.<br><br>
								It should nevertheless prove to be insightful for potential employers: uninhibited
								writing tends to reveal the internal methodologies of thought and organization of the
								author.						
								</span>
							</p>
						</div>
					</div>
					
					<input id="home__collapsible_section_4" class="toggle_collapsible_section" type="checkbox">
					<label for="home__collapsible_section_4" class="label-toggle_collapsible_section">This page.</label>
					<div class="collapsible_section">
						<div class="content-inner">							
							<p>								
								For those who are curious, the rest of this page is a brief summary of myself, my dreams, 
								and a bit about how <span class="parenthetical">(and why)</span> I strive to live a good, ethical, helpful life.
							</p>
						</div>						
					</div>
					<div style="padding-bottom: 41px;">
						<p style="float: right;">
							<span style="
								font-size: 26px;
								color: #999;
							">
							<!-- 🠕&#129045; ↑&#8593; ⇧&#8679;</span> -->
							<!-- 🠕 not displaying in Chrome on Android   -->
							&#8679; </span>
							<span class="parenthetical">click a section to expand</span>
						</p>
					</div>
			</article>
			
			<h2>I am a writer.</h2>
			<article>
					<p>
						I think incessantly, and as a byproduct I write about many topics in a variety of styles. 
					</p>
					<p class="increased_bottom_margin">
						Casually, I enjoy exhaustively and precisely writing on philosophical topics, 
						but in a professional setting I cater to the tone of the context and the needs of the audience.
					</p>
					<!-- 
							[~] Add overview of strengths with writing styles.
								Links to where to see each one.
								To the point up front for the busy.
					-->
					<p>
						Combining all of my: 
						<ul>
							<li>
								code,
							</li>
							<li>
								documentation <span class="parenthetical">(personal + Open Source contributions)</span>,
							</li>
							<li>
								tutorials <span class="parenthetical">(primarily posted to online Q&A sites)</span>,
							</li>
							<li>
								essays <span class="parenthetical">(on mediacraft, philosophy, ethics, human nature, self improvement, brains, and the subconscious)</span>,							
							</li>
							<li>
								notes <span class="parenthetical">(on ideas for future projects, design principles, brainstorms, 
								game ideas, outlines for sprints, etc.)</span>, 
							</li>
							<li>
								fiction stories, 
							</li>
							<li>
								and poetry
							</li>
						</ul>
						I have written at least 880,000 words over the last decade. <span class="parenthetical">
						(Verified word count, but not complete: I will update this occasionally as I sift through my old hard-drives.)</span>
						<!--
						Combining all of my personal code + documentation, essays <span class="parenthetical">(on mediacraft, philosophy, ethics, human nature, self improvement, brains, and the subconscious)</span>,
						notes <span class="parenthetical">(on ideas for future projects, design principles, brainstorms, 
							game ideas, outlines for sprints, etc.)</span>, fiction stories, and poetry:&nbsp; I have written
							at least 240,000 words over the last decade.
						-->
					</p>
			</article>
			
			<h2>I am a programmer.</h2>
			<article>
				<p>
					I've been programming for 15 years, verbosely writing documentation for personal projects 
					for 10 years, and learning web design since May 2020.
				</p>
				<p>
					My main life goal is to create a GNU desktop environment specifically 
					<span class="parenthetical">(and comprehensively)</span> tailored for education, 
					complex data organization, self-improvement, and game design. Contemporary operating 
					systems are incredible for file management. However the human angle is often centered around files, 
					instead of files being centered around human need as their core purpose.
				</p>
				<p>
					In the meantime, I am building my skills and knowledge-base in pursuit of this ideal.
				</p>
				<p>
					Presently, this site mainly details a framework I wrote for AutoHotkey 
					and a few productivity utilities I've built using it. 
					Progress is ongoing and it is by no means exhaustive in coverage yet, 
					but it will be useful to anyone working with complex user interfaces in AutoHotkey.
				</p>
			</article>
			
			<h2>I am a game designer.</h2>
			<article>
				<p>
					My current game plan is to build utilities to organize my plethora of personal notes, 
					then shift gears to design and program videogames.
				</p>
				<p>
					I am determined to publish a commercially successful game within 20 years. But, more importantly, 
					I want to hone my abilities to create and portray information in novel and streamlined ways.
					Fortunately, practice with software related to building videogames brings me closer to both endeavors.
				</p>
				<p>
					My end-goal is to create tools which allow users to easily craft educational experiences 
					that feel like <span class="parenthetical">(and are as fun as)</span> playing videogames. 
					Many lessons would be better served as interactive models, especially for students. 
					I would love to see the day where every textbook has an app companion which has interactive 
					3D models for every chapter and topic.
				</p>
			</article>
			
			<h2>I am, primarily, a philosopher.</h2>
			<article class="additional_bottom_margin">
				<p>
					Have you ever had a moment of realization which... completely filled you with awe?&nbsp; Thinking 
					about infinity and paradoxes?&nbsp; Or learning about electricity and atomic elements for the first time?&nbsp; Or 
					trying to picture the immensity of the entire universe with all its stars and galaxies?&nbsp; Or exploring 
					that alien world of microscopic intricacies and machinery inside our cells and DNA?&nbsp; Or 
					appreciating the vast diversity of information and creativity our brains can provide on a whim?
				</p>
				<p>
					As a child, I savored and cherished all the moments when I learned something so new, wild,
					and fantastic about any of the many systems of our universe.
				</p>
				<p>
					I've spent all my life in pursuit of three things: 
						<span>
						<ol>
							<li>
								Finding the love of my life.
								<br><span class="parenthetical">[Status: Check!]</span>
								<br><br>
							</li>
							<li>
								Discovering (and cherishing)
								as many eureka moments as I can.
								<br><span class="parenthetical">[Status: Perpetually in progress :) ]</span>
								<br><br>
							</li>
							<li>
								Becoming the best and most ethical version of myself I can envision.
								<br><span class="parenthetical">[Status: Perpetually in progress :) ]</span>
								<br><br>
							</li>
						</ol>
						</span>
				</p>
				<p>
					I've written a copious amount of personal essays, explorations, and realizations 
					but never published -- initially thinking I would eventually compile them into a series of 
					books by topic and release them.
				</p>
				<p>
					While I still intend to publish a book or two eventually, 
					it's not likely I'll have enough time to exhaustively give each idea the time it deserves.
				</p>
				<p>
					So while I was in the process of putting together an online portfolio, I thought 
					it would be nice to aggregate some of my ideas and writings into a blog, 
					to have a place to publish stray ideas sooner rather than later.
					Mainly for fun, but also for a little peace of mind.
				</p>
			</article>
			
			<h2>Fun:</h2>
			<article class="additional_bottom_margin">
						<p>
							This website adapts to your window orientation.
						</p>
						<br />
						If you are on a desktop computer, try playing with:
							<ul style="margin-top: 5;">
								<li>
									the dimensions of the window <span class="parenthetical">(when the window is a tall rectangle, the sidebar automatically moves to the top of the page to save space)</span>
								</li>
								<li>
									zooming in and out <span class="parenthetical">(ensure the window's width is greater than its height for this to have an effect)</span>
								</li>
							</ul> 
						<br />
						If you are on mobile, try:
							
							<ul style="margin-top: 5;">
								<li>rotating your screen to view in portrait mode</li>
								<li>rotating your screen to view in landscape mode</li>
							</ul> 
			</article>
			
			<h2 style="border-bottom: none;">Enjoy =)</h2>
			
		</div><!-- #the_page__main_content -->
			
		<!-- sidebar -->
		<aside id="asideBar" class="homepage">
			
			<!-- <p class="skip_bottom_border hide_when_portrait_mode">Welcome to the <span class="asideBar__Home__nav_ref">Home</span> page!</p> -->
			
			<!-- <hr class="hide_when_portrait_mode"> -->
			
			<h3 style="text-align:center; margin-bottom:15px;">Quick Overview</h3>
			
			
			<p class="overview_section">
				<a class="nav_ref" href="Documentation.html">Documentation for Projects</a>:
			</p>
			<a href="Documentation.html">
				<div id="aside_home_DocumentationPreview"></div>
			</a>
			<p class="overview_description">
				Manuals and walkthroughs for my open-source code. Tutorials for AutoHotkey and Godot. 
			</p>
			
			<p class="overview_section">
				<a class="nav_ref" href="Apps.html">App Gallery</a>:
			</p>
			<a href="Apps.html">
				<div id="aside_home_GalleryPreview"></div>
			</a>
			<p class="overview_description">
				Highlights! Pictures and summaries of my programs.
			</p>
			
			<p class="overview_section">
				<a class="nav_ref" href="Philosophy.html">Philosophy Blog</a>:
			</p>
			<a href="Philosophy.html">
				<div id="aside_home_BlogPreview"></div>
			</a>
			<p class="overview_description">
				Thoughts, essays, musing. Topics include game design, habits + human nature, epistemology, and ontology. 
			</p>
			
			<p style="padding-bottom:50px;" class="portrait_padding"></p>
		</aside><!-- sidebar -->

{%- comment %}
<!-- Have a wonderful day. -->
{% endcomment -%}