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