Skip to content

Commit 7748333

Browse files
committed
chore: detailed features added
1 parent 97374ac commit 7748333

7 files changed

Lines changed: 594 additions & 126 deletions

File tree

.gitignore

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,6 @@ node_modules/
1616
dist/
1717
build/
1818

19-
# Cursor / editor metadata
20-
.cursor/
2119

2220
# Local config / secrets (none are required by this project)
2321
.env

generator/index.html

Lines changed: 48 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,10 @@
88
/>
99
<title>Terminal Portfolio Config Generator</title>
1010
<link rel="stylesheet" href="style.css" />
11+
<style id="theme-preview-styles"></style>
1112
</head>
1213
<body>
14+
<div id="copyright-badge">© PythonToGo 2026</div>
1315
<main class="page">
1416
<header class="page-header">
1517
<h1>Terminal Portfolio Config Generator</h1>
@@ -34,33 +36,6 @@ <h2>Profile</h2>
3436
placeholder="Your Name"
3537
/>
3638
</div>
37-
<div class="field-row">
38-
<label for="tagline">Tagline</label>
39-
<input
40-
id="tagline"
41-
name="tagline"
42-
type="text"
43-
placeholder="Developer, writer, ... "
44-
/>
45-
</div>
46-
<div class="field-row">
47-
<label for="location">Location (optional)</label>
48-
<input
49-
id="location"
50-
name="location"
51-
type="text"
52-
placeholder="City, Country"
53-
/>
54-
</div>
55-
<div class="field-row">
56-
<label for="authorHandle">Author handle</label>
57-
<input
58-
id="authorHandle"
59-
name="authorHandle"
60-
type="text"
61-
placeholder="PythonToGo"
62-
/>
63-
</div>
6439
<div class="field-row">
6540
<label for="email">Email address</label>
6641
<input
@@ -88,6 +63,15 @@ <h2>Profile</h2>
8863
placeholder="PythonToGo"
8964
/>
9065
</div>
66+
<div class="field-row">
67+
<label for="aboutText">Intro / About text (optional)</label>
68+
<textarea
69+
id="aboutText"
70+
name="aboutText"
71+
rows="4"
72+
placeholder="A short paragraph about yourself. Line breaks will be split into separate lines in the terminal. If empty, it will show 'Hi there, I am {Full Name}' only."
73+
></textarea>
74+
</div>
9175
</section>
9276

9377
<section class="form-section">
@@ -102,7 +86,7 @@ <h2>Links</h2>
10286
/>
10387
</div>
10488
<div class="field-row">
105-
<label for="linkedinUrl">LinkedIn URL</label>
89+
<label for="linkedinUrl">LinkedIn URL (optional)</label>
10690
<input
10791
id="linkedinUrl"
10892
name="linkedinUrl"
@@ -111,14 +95,23 @@ <h2>Links</h2>
11195
/>
11296
</div>
11397
<div class="field-row">
114-
<label for="blogUrl">Blog URL</label>
98+
<label for="blogUrl">Blog URL (optional)</label>
11599
<input
116100
id="blogUrl"
117101
name="blogUrl"
118102
type="url"
119103
placeholder="https://your-blog.example"
120104
/>
121105
</div>
106+
<div class="field-row">
107+
<label for="linksOthers">Optional other links. Format Example: Name|URL (e.g. Twitter|https://twitter.com/you)</label>
108+
<textarea
109+
id="linksOthers"
110+
name="linksOthers"
111+
rows="3"
112+
placeholder="One per line. Format: Name|URL (e.g. Twitter|https://twitter.com/you)"
113+
></textarea>
114+
</div>
122115
</section>
123116

124117
<section class="form-section">
@@ -129,29 +122,39 @@ <h2>Theme</h2>
129122
<option value="lila">lila</option>
130123
<option value="midnight">midnight</option>
131124
<option value="chocolate">chocolate</option>
125+
<option value="og">original</option>
126+
<option value="rainbow">rainbow</option>
127+
<option value="orange">orange</option>
128+
<option value="olive">olive</option>
129+
<option value="bluescreen">bluescreen</option>
132130
</select>
133131
</div>
134132
</section>
135133

136134
<section class="form-section">
137-
<h2>Content (optional)</h2>
135+
<h2>Banner</h2>
138136
<div class="field-row">
139-
<label for="aboutText">Intro / About text</label>
140-
<textarea
141-
id="aboutText"
142-
name="aboutText"
143-
rows="4"
144-
placeholder="A short paragraph about yourself. Line breaks will be split into separate lines in the terminal."
145-
></textarea>
137+
<label for="bannerText">Banner text</label>
138+
<input
139+
id="bannerText"
140+
name="bannerText"
141+
type="text"
142+
placeholder="TAEY KIM"
143+
/>
146144
</div>
147145
<div class="field-row">
148-
<label for="projectsIntro">Projects intro line</label>
149-
<textarea
150-
id="projectsIntro"
151-
name="projectsIntro"
152-
rows="2"
153-
placeholder="A short sentence introducing your projects."
154-
></textarea>
146+
<label for="bannerFont">Banner font style</label>
147+
<select id="bannerFont" name="bannerFont">
148+
<option value="block">block</option>
149+
<option value="dotted">dotted</option>
150+
<option value="light">light</option>
151+
<option value="minimal">minimal</option>
152+
<option value="shadow">shadow</option>
153+
</select>
154+
</div>
155+
<div class="field-row" id="bannerPreviewRow">
156+
<label>Banner preview</label>
157+
<pre id="bannerPreview" class="banner-preview"></pre>
155158
</div>
156159
</section>
157160

@@ -191,6 +194,7 @@ <h2>How to use</h2>
191194
</section>
192195
</main>
193196

197+
<script src="../js/ascii_banner.js"></script>
194198
<script src="main.js"></script>
195199
</body>
196200
</html>

0 commit comments

Comments
 (0)