Skip to content

Commit 9d44ec8

Browse files
PythonToGoPythonToGo
committed
chore: add header links, change meta, refine sudo deinal msg
1 parent 6d29128 commit 9d44ec8

11 files changed

Lines changed: 302 additions & 9 deletions

‎css/style_bluescreen.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -193,6 +193,42 @@ html {
193193
pointer-events: none;
194194
}
195195

196+
/* Header link button (GitHub, etc.) - matches generator style */
197+
.header-links-wrap {
198+
display: flex;
199+
flex-wrap: wrap;
200+
gap: 8px;
201+
}
202+
.header-link-code {
203+
display: inline-flex;
204+
align-items: center;
205+
gap: 6px;
206+
padding: 4px 10px;
207+
border-radius: 6px;
208+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
209+
font-size: 0.8rem;
210+
text-decoration: none;
211+
color: #e7d0ff;
212+
background: #241634;
213+
border: 1px solid rgba(201, 146, 246, 0.6);
214+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
215+
}
216+
.header-link-code:hover {
217+
background: #2b183f;
218+
border-color: #c992f6;
219+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
220+
transform: translateY(-1px);
221+
}
222+
.header-link-prefix {
223+
color: #8ae9c1;
224+
}
225+
.header-link-command {
226+
color: #e5e7eb;
227+
}
228+
.header-link-label {
229+
color: #93c5fd;
230+
}
231+
196232
/* Generator link highlight */
197233
.terminal-generator-link {
198234
position: relative;

‎css/style_chocolate.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -202,6 +202,42 @@ html {
202202
pointer-events: none;
203203
}
204204

205+
/* Header link button (GitHub, etc.) - matches generator style */
206+
.header-links-wrap {
207+
display: flex;
208+
flex-wrap: wrap;
209+
gap: 8px;
210+
}
211+
.header-link-code {
212+
display: inline-flex;
213+
align-items: center;
214+
gap: 6px;
215+
padding: 4px 10px;
216+
border-radius: 6px;
217+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
218+
font-size: 0.8rem;
219+
text-decoration: none;
220+
color: #e7d0ff;
221+
background: #241634;
222+
border: 1px solid rgba(201, 146, 246, 0.6);
223+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
224+
}
225+
.header-link-code:hover {
226+
background: #2b183f;
227+
border-color: #c992f6;
228+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
229+
transform: translateY(-1px);
230+
}
231+
.header-link-prefix {
232+
color: #8ae9c1;
233+
}
234+
.header-link-command {
235+
color: #e5e7eb;
236+
}
237+
.header-link-label {
238+
color: #93c5fd;
239+
}
240+
205241
/* Generator link highlight */
206242
.terminal-generator-link {
207243
position: relative;

‎css/style_lila.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,42 @@ html {
205205
pointer-events: none;
206206
}
207207

208+
/* Header link button (GitHub, etc.) - matches generator style */
209+
.header-links-wrap {
210+
display: flex;
211+
flex-wrap: wrap;
212+
gap: 8px;
213+
}
214+
.header-link-code {
215+
display: inline-flex;
216+
align-items: center;
217+
gap: 6px;
218+
padding: 4px 10px;
219+
border-radius: 6px;
220+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
221+
font-size: 0.8rem;
222+
text-decoration: none;
223+
color: #e7d0ff;
224+
background: #241634;
225+
border: 1px solid rgba(201, 146, 246, 0.6);
226+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
227+
}
228+
.header-link-code:hover {
229+
background: #2b183f;
230+
border-color: #c992f6;
231+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
232+
transform: translateY(-1px);
233+
}
234+
.header-link-prefix {
235+
color: #8ae9c1;
236+
}
237+
.header-link-command {
238+
color: #e5e7eb;
239+
}
240+
.header-link-label {
241+
color: #93c5fd;
242+
}
243+
208244
/* Generator link highlight */
209245
.terminal-generator-link {
210246
position: relative;

‎css/style_midnight.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -201,6 +201,42 @@ html {
201201
pointer-events: none;
202202
}
203203

204+
/* Header link button (GitHub, etc.) - matches generator style */
205+
.header-links-wrap {
206+
display: flex;
207+
flex-wrap: wrap;
208+
gap: 8px;
209+
}
210+
.header-link-code {
211+
display: inline-flex;
212+
align-items: center;
213+
gap: 6px;
214+
padding: 4px 10px;
215+
border-radius: 6px;
216+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
217+
font-size: 0.8rem;
218+
text-decoration: none;
219+
color: #e7d0ff;
220+
background: #241634;
221+
border: 1px solid rgba(201, 146, 246, 0.6);
222+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
223+
}
224+
.header-link-code:hover {
225+
background: #2b183f;
226+
border-color: #c992f6;
227+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
228+
transform: translateY(-1px);
229+
}
230+
.header-link-prefix {
231+
color: #8ae9c1;
232+
}
233+
.header-link-command {
234+
color: #e5e7eb;
235+
}
236+
.header-link-label {
237+
color: #93c5fd;
238+
}
239+
204240
/* Generator link highlight */
205241
.terminal-generator-link {
206242
position: relative;

‎css/style_og.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,42 @@ body {
162162
pointer-events: none;
163163
}
164164

165+
/* Header link button (GitHub, etc.) - matches generator style */
166+
.header-links-wrap {
167+
display: flex;
168+
flex-wrap: wrap;
169+
gap: 8px;
170+
}
171+
.header-link-code {
172+
display: inline-flex;
173+
align-items: center;
174+
gap: 6px;
175+
padding: 4px 10px;
176+
border-radius: 6px;
177+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
178+
font-size: 0.8rem;
179+
text-decoration: none;
180+
color: #e7d0ff;
181+
background: #241634;
182+
border: 1px solid rgba(201, 146, 246, 0.6);
183+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
184+
}
185+
.header-link-code:hover {
186+
background: #2b183f;
187+
border-color: #c992f6;
188+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
189+
transform: translateY(-1px);
190+
}
191+
.header-link-prefix {
192+
color: #8ae9c1;
193+
}
194+
.header-link-command {
195+
color: #e5e7eb;
196+
}
197+
.header-link-label {
198+
color: #93c5fd;
199+
}
200+
165201
/* Generator link highlight */
166202
.terminal-generator-link {
167203
position: relative;

‎css/style_olive.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,42 @@ html {
194194
pointer-events: none;
195195
}
196196

197+
/* Header link button (GitHub, etc.) - matches generator style */
198+
.header-links-wrap {
199+
display: flex;
200+
flex-wrap: wrap;
201+
gap: 8px;
202+
}
203+
.header-link-code {
204+
display: inline-flex;
205+
align-items: center;
206+
gap: 6px;
207+
padding: 4px 10px;
208+
border-radius: 6px;
209+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
210+
font-size: 0.8rem;
211+
text-decoration: none;
212+
color: #e7d0ff;
213+
background: #241634;
214+
border: 1px solid rgba(201, 146, 246, 0.6);
215+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
216+
}
217+
.header-link-code:hover {
218+
background: #2b183f;
219+
border-color: #c992f6;
220+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
221+
transform: translateY(-1px);
222+
}
223+
.header-link-prefix {
224+
color: #8ae9c1;
225+
}
226+
.header-link-command {
227+
color: #e5e7eb;
228+
}
229+
.header-link-label {
230+
color: #93c5fd;
231+
}
232+
197233
/* Generator link highlight */
198234
.terminal-generator-link {
199235
position: relative;

‎css/style_orange.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,42 @@ html {
194194
pointer-events: none;
195195
}
196196

197+
/* Header link button (GitHub, etc.) - matches generator style */
198+
.header-links-wrap {
199+
display: flex;
200+
flex-wrap: wrap;
201+
gap: 8px;
202+
}
203+
.header-link-code {
204+
display: inline-flex;
205+
align-items: center;
206+
gap: 6px;
207+
padding: 4px 10px;
208+
border-radius: 6px;
209+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
210+
font-size: 0.8rem;
211+
text-decoration: none;
212+
color: #e7d0ff;
213+
background: #241634;
214+
border: 1px solid rgba(201, 146, 246, 0.6);
215+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
216+
}
217+
.header-link-code:hover {
218+
background: #2b183f;
219+
border-color: #c992f6;
220+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
221+
transform: translateY(-1px);
222+
}
223+
.header-link-prefix {
224+
color: #8ae9c1;
225+
}
226+
.header-link-command {
227+
color: #e5e7eb;
228+
}
229+
.header-link-label {
230+
color: #93c5fd;
231+
}
232+
197233
/* Generator link highlight */
198234
.terminal-generator-link {
199235
position: relative;

‎css/style_rainbow.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -196,6 +196,42 @@ html {
196196
pointer-events: none;
197197
}
198198

199+
/* Header link button (GitHub, etc.) - matches generator style */
200+
.header-links-wrap {
201+
display: flex;
202+
flex-wrap: wrap;
203+
gap: 8px;
204+
}
205+
.header-link-code {
206+
display: inline-flex;
207+
align-items: center;
208+
gap: 6px;
209+
padding: 4px 10px;
210+
border-radius: 6px;
211+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
212+
font-size: 0.8rem;
213+
text-decoration: none;
214+
color: #e7d0ff;
215+
background: #241634;
216+
border: 1px solid rgba(201, 146, 246, 0.6);
217+
transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
218+
}
219+
.header-link-code:hover {
220+
background: #2b183f;
221+
border-color: #c992f6;
222+
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.85);
223+
transform: translateY(-1px);
224+
}
225+
.header-link-prefix {
226+
color: #8ae9c1;
227+
}
228+
.header-link-command {
229+
color: #e5e7eb;
230+
}
231+
.header-link-label {
232+
color: #93c5fd;
233+
}
234+
199235
/* Generator link highlight */
200236
.terminal-generator-link {
201237
position: relative;

‎index.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,18 @@
1717
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
1818
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1" />
1919

20-
<meta name="description" content="브라우저에서 사용하는 Taey의 터미널 스타일 포트폴리오/유틸 웹사이트입니다. 명령어를 입력해 이력, 프로젝트, 링크를 탐색할 수 있습니다. | Taey's terminal-style portfolio and utility website in the browser. Explore resume, projects, and links through CLI-like commands.">
21-
<meta name="keywords" content="터미널, 웹 터미널, 포트폴리오, Taey, CLI, terminal, web terminal, portfolio, developer">
20+
<meta name="description" content="Create your own terminal-style website! Try the demo and explore CLI-like commands in your browser.">
21+
<meta name="keywords" content="terminal, web terminal, portfolio, CLI, developer, template">
2222

23-
<meta property="og:title" content="Taey's Terminal" />
24-
<meta property="og:description" content="브라우저에서 즐기는 터미널 인터페이스로 Taey의 이력과 프로젝트를 탐색해 보세요. | Explore Taey's work and projects through a terminal-style interface in your browser." />
23+
<meta property="og:title" content="Terminal Portfolio Template" />
24+
<meta property="og:description" content="Create your own terminal-style website! Try the demo and build your portfolio with a CLI-like interface." />
2525
<meta property="og:type" content="website" />
2626
<meta property="og:url" content="https://pythontogo.github.io/terminal-portfolio-template/" />
2727
<meta property="og:image" content="https://pythontogo.github.io/terminal-portfolio-template/og-image.png" />
2828

2929
<meta name="twitter:card" content="summary_large_image" />
30-
<meta name="twitter:title" content="Taey's Terminal" />
31-
<meta name="twitter:description" content="터미널 스타일 UI로 Taey의 프로젝트와 정보를 탐색할 수 있는 웹사이트입니다. | A web terminal experience to explore Taey's projects and information." />
30+
<meta name="twitter:title" content="Terminal Portfolio Template" />
31+
<meta name="twitter:description" content="Create your own terminal-style website! Try the demo and build your portfolio with a CLI-like interface." />
3232

3333
<title>Taey's Terminal</title>
3434
<link rel="stylesheet" type="text/css" media="screen" href="css/style_lila.css" />

‎js/commands.js‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,10 +127,13 @@ welcomeMsg = (function () {
127127
msgs.push(
128128
'<span class="terminal-welcome-msg">Want to build your own terminal-style portfolio? Visit the <a class="command terminal-welcome-msg terminal-generator-link" href="./generator/" target="_blank">config generator</a>.</span>'
129129
);
130+
msgs.push(
131+
'<span class="header-links-wrap"><a href="https://github.com/PythonToGo/terminal-portfolio-template" target="_blank" rel="noopener noreferrer" class="header-link-code terminal-welcome-msg"><span class="header-link-prefix">$</span><span class="header-link-command">open</span><span class="header-link-label">GitHub</span></a><a href="./generator/" target="_blank" rel="noopener noreferrer" class="header-link-code terminal-welcome-msg"><span class="header-link-prefix">$</span><span class="header-link-command">open</span><span class="header-link-label">Generator</span></a></span>'
132+
);
130133
}
131134

132135
msgs.push(
133-
'<span class="terminal-welcome-msg" style="font-size: 0.8em;">This terminal template was made by <a class="command" href="https://github.com/PythonToGo" target="_blank">PythonToGo</a>.</span>'
136+
'<span class="terminal-welcome-msg" style="font-size: 0.6em;">This terminal template was made by <a class="command" href="https://github.com/PythonToGo" target="_blank">PythonToGo</a>.</span>'
134137
);
135138

136139
msgs.push("<br>");

0 commit comments

Comments
 (0)