-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate-guide.php
167 lines (126 loc) · 8.06 KB
/
template-guide.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<title>GeekyLibs Template Creation Guide</title>
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster&effect=shadow-multiple');
</style>
</head>
<body class="w3-light-grey">
<?php
require("menu.php");
?>
<div class="w3-container w3-green w3-center">
<h1 class="fira-code-header">GeekyLibs</h1>
<h2 class="fira-code-header">from <a href="https://fearlessgeekmedia.com" target="_blank">Fearless Geek Media</a></h2>
</div>
<div class="w3-container w3-padding-16">
<div class="w3-container w3-card-4 w3-light-grey w3-padding-16"
<h1>GeekyLibs Template Creation Guide</h1>
<p>Alright, let's create a guide for crafting excellent "GeekyLibs" templates!</p>
<h2>1. Pick Your Theme:</h2>
<ul>
<li><strong>Go Specific:</strong> Instead of "a story," choose a niche: "a sci-fi space battle," "a fantasy wizard duel," "a tech startup pitch," "a historical coding session," or "a superhero origin story." The more specific, the more fun and geeky!</li>
<li><strong>Leverage Fandoms:</strong> Think about popular geeky franchises (Star Wars, Marvel, D&D, etc.). You can create templates directly related to these universes, or use them as inspiration.</li>
<li><strong>Stay Relevant:</strong> Consider current geeky trends (AI, VR, gaming releases, etc.) to make your templates timely and engaging.</li>
</ul>
<h2>2. Strategically Place Placeholders:</h2>
<ul>
<li><strong>Variety is Key:</strong> Use a mix of:
<ul>
<li><strong>Nouns:</strong> (specific items, characters, places)</li>
<li><strong>Verbs:</strong> (actions, powers, coding commands)</li>
<li><strong>Adjectives:</strong> (descriptive words, tech terms)</li>
<li><strong>Adverbs:</strong> (how actions are performed)</li>
<li><strong>Plural Nouns:</strong> (groups of things, tech components)</li>
<li><strong>Proper Nouns:</strong> (names of characters, companies, locations)</li>
<li><strong>Specific Terms:</strong> (coding languages, gaming terms, scientific concepts)</li>
<li><strong>Emotions:</strong> (how characters feel)</li>
</ul>
</li>
<li><strong>Context Matters:</strong> Place placeholders where they make sense within the narrative. A "verb ending in -ing" should fit smoothly into a sentence describing an ongoing action.</li>
<li><strong>Create Surprises:</strong> Use unexpected combinations of placeholders to create humorous and unexpected results.</li>
</ul>
<h2>3. Write Engaging Content:</h2>
<ul>
<li><strong>Set the Scene:</strong> Start with an interesting introduction that draws the reader into the story.</li>
<li><strong>Build Tension:</strong> Create a sense of excitement or anticipation by using vivid language and suspenseful phrasing.</li>
<li><strong>Add Humor:</strong> Use funny situations, absurd descriptions, and unexpected twists to make the template entertaining.</li>
<li><strong>Stay Consistent:</strong> Maintain a consistent tone and style throughout the template.</li>
<li><strong>Create a Climax/Resolution:</strong> Make sure the story has a satisfying conclusion.</li>
</ul>
<h2>4. Use Clear Placeholders:</h2>
<ul>
<li><strong>Consistent Formatting:</strong> Use <code>[[ ]]</code> to clearly indicate placeholders. This makes it easy for others to understand what to fill in.</li>
<li><strong>Descriptive Labels:</strong> Use labels that clearly indicate the type of word needed (e.g., <code>[[Adjective 2]]</code>, <code>[[Noun 3]]</code>, <code>[[Verb ending in -ing]]</code>).</li>
</ul>
<h2>5. Test and Refine:</h2>
<ul>
<li><strong>Fill It In:</strong> Try filling in the template yourself with random words to see if it makes sense and is funny.</li>
<li><strong>Get Feedback:</strong> Ask others to try filling in the template and provide feedback.</li>
<li><strong>Revise and Edit:</strong> Make changes based on feedback to improve the flow, humor, and overall quality of the template.</li>
</ul>
<h2>Example Placeholder Usage:</h2>
<ul>
<li>"The <code>[[Adjective]]</code> spaceship, piloted by Captain <code>[[Character Name]]</code>, zoomed past the <code>[[Noun 1]]</code>."</li>
<li>"They needed to <code>[[Verb 1]]</code> the <code>[[Noun 2]]</code> before the <code>[[Plural Noun]]</code> attacked."</li>
<li>"The code was <code>[[Adjective 2]]</code> and the program <code>[[Verb ending in -ing]]</code> correctly."</li>
</ul>
<h2>GeekyLib Key Elements:</h2>
<ul>
<li><strong>Niche Focus:</strong> catering to specific geeky interests</li>
<li><strong>Humor:</strong> using geeky terms and situations for comedic effect</li>
<li><strong>Interactivity:</strong> allowing for creative and unpredictable outcomes</li>
</ul>
<p>By following these guidelines, you can create engaging and hilarious GeekyLibs templates that will entertain and delight your fellow geeks!</p>
<h2>Adding HTML to Your GeekyLibs Templates</h2>
<h2>1. Basic Structure:</h2>
<ul>
<li><strong>HTML Tags:</strong> Use standard HTML tags like <code><p></code>, <code><h1></code>, <code><h2></code>, <code><ul></code>, <code><li></code>, and <code><a></code> to structure your content.</li>
<li><strong>Headings:</strong> Use <code><h1></code>, <code><h2></code>, etc., for titles and section headings.</li>
<li><strong>Paragraphs:</strong> Use <code><p></code> for regular text.</li>
<li><strong>Lists:</strong> Use <code><ul></code> (unordered lists) and <code><li></code> (list items) to create bullet points.</li>
<li><strong>Links:</strong> Use <code><a></code> to create clickable links.</li>
<li><strong>Bold and Italics:</strong> Use <code><strong></code> and <code><em></code> for emphasis.</li>
</ul>
<h2>2. Incorporating Placeholders:</h2>
<ul>
<li><strong>Inline Placeholders:</strong> Place your <code>[[ ]]</code> placeholders directly within the HTML tags.</li>
<li><strong>Consistency:</strong> Ensure that placeholders are used consistently throughout the HTML structure.</li>
</ul>
<h2>3. Enhancing Presentation:</h2>
<ul>
<li><strong>Formatting:</strong> Use HTML tags to format your text and create a visually appealing layout.</li>
<li><strong>Links:</strong> Add links to relevant websites, articles, or videos to provide additional context or resources.</li>
<li><strong>Images (Advanced):</strong> While not strictly necessary, you can include <code><img></code> tags to add images to your GeekyLibs templates. (This would require somewhere to host the images)</li>
</ul>
<h2>Example HTML Usage:</h2>
<pre>
<code>
<h1>The [[Adjective]] Adventure of [[Character Name]]</h1>
<p>Our story begins in the bustling city of [[City Name]], where [[Character Name]], a [[Noun 1]], discovered a mysterious [[Noun 2]].</p>
<h2>The Quest Begins</h2>
<p>Determined to [[Verb 1]] the secret of the [[Noun 2]], [[Character Name]] embarked on a perilous journey to the [[Adjective 2]] land of [[Fictional Location]].</p>
<ul>
<li>Encountered a [[Noun 3]]</li>
<li>Solved the [[Adjective 3]] riddle</li>
<li>Found a hidden [[Noun 4]]</li>
</ul>
<p>Learn more about [[Character Name]]'s adventures <a href="[[Website Link]]">here</a>.</p>
<p>The moral of the story is: [[Moral of the story]].</p>
</code>
</pre>
<h2>Key Considerations:</h2>
<ul>
<li><strong>Simplicity:</strong> Keep the HTML structure relatively simple to avoid making the template too complex.</li>
<li><strong>Accessibility:</strong> Ensure that your HTML is accessible to all users.</li>
<li><strong>Testing:</strong> Thoroughly test your HTML to ensure that it displays correctly in different browsers.</li>
</ul>
<p>By incorporating HTML into your GeekyLibs templates, you can create a more engaging and interactive experience for your audience.</p>
</div>
</div>
</body>
</html>