Ark/terminal.css
1
0
Fork 0
mirror of https://github.com/letieu/terminal.css.git synced 2026-03-15 02:04:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

use v0.0.3

Browse Source
This commit is contained in:
letieu
2025-12-10 05:10:52 +07:00
parent d2094cab14
commit 9a379adc71
5 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -14,11 +14,11 @@ Add these links to your HTML file:
```html ```html
<!-- In your <head> section --> <!-- In your <head> section -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.css" />
<!-- Before closing </body> tag --> <!-- Before closing </body> tag -->
<!-- [Optional: Only for toast, FAQ component] --> <!-- [Optional: Only for toast, FAQ component] -->
<script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"></script> <script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.js"></script>
``` ```
Optional: Add Tailwind CSS for layout utilities (flex, grid, spacing) Optional: Add Tailwind CSS for layout utilities (flex, grid, spacing)
@@ -48,7 +48,7 @@ To use any component, simply:
<title>My Terminal App</title> <title>My Terminal App</title>
<!-- terminal.css Stylesheet --> <!-- terminal.css Stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.css">
<!-- Optional: Tailwind for layout utilities --> <!-- Optional: Tailwind for layout utilities -->
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
@@ -58,7 +58,7 @@ To use any component, simply:
<button class="button is-primary">Click Me</button> <button class="button is-primary">Click Me</button>
<!-- terminal.css JavaScript --> <!-- terminal.css JavaScript -->
<script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"></script> <script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.js"></script>
</body> </body>
</html> </html>
``` ```

2
index.css
View File

@@ -1,5 +1,5 @@
/* ========================================================================== /* ==========================================================================
terminal.css - Terminal CSS Component Library v0.0.2 terminal.css - Terminal CSS Component Library v0.0.3
Bulma-style naming conventions Bulma-style naming conventions
========================================================================== */ ========================================================================== */

6
index.html
View File

@@ -8,14 +8,14 @@
<!-- terminal.css Components (Bulma-style) --> <!-- terminal.css Components (Bulma-style) -->
<link <link
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.css"
/> />
<!-- Tailwind for layout (optional) --> <!-- Tailwind for layout (optional) -->
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<!-- terminal.css JavaScript --> <!-- terminal.css JavaScript -->
<script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"></script> <script src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.js"></script>
</head> </head>
<body class="min-h-screen p-0 md:p-8"> <body class="min-h-screen p-0 md:p-8">
<!-- MAIN TERMINAL WINDOW --> <!-- MAIN TERMINAL WINDOW -->
@@ -28,7 +28,7 @@
<div class="w-3 h-3 rounded-full bg-green-500"></div> <div class="w-3 h-3 rounded-full bg-green-500"></div>
</div> </div>
<div class="has-text-muted text-sm font-bold">dev@localhost:~/</div> <div class="has-text-muted text-sm font-bold">dev@localhost:~/</div>
<div class="has-text-muted text-xs" style="opacity: 0.5">v0.0.2</div> <div class="has-text-muted text-xs" style="opacity: 0.5">v0.0.3</div>
</div> </div>
<!-- BODY --> <!-- BODY -->

10
installation.html
View File

@@ -27,7 +27,7 @@
<div class="has-text-muted text-sm font-bold"> <div class="has-text-muted text-sm font-bold">
dev@localhost:~/tcss/installation dev@localhost:~/tcss/installation
</div> </div>
<div class="has-text-muted text-xs" style="opacity: 0.5">v0.0.2</div> <div class="has-text-muted text-xs" style="opacity: 0.5">v0.0.3</div>
</div> </div>
<!-- BODY --> <!-- BODY -->
@@ -68,7 +68,7 @@
<div class="terminal-log-line"> <div class="terminal-log-line">
<span class="terminal-log-message" <span class="terminal-log-message"
>&lt;link rel="stylesheet" >&lt;link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css" href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.css"
/&gt;</span /&gt;</span
> >
</div> </div>
@@ -89,7 +89,7 @@
<div class="terminal-log-line"> <div class="terminal-log-line">
<span class="terminal-log-message" <span class="terminal-log-message"
>&lt;script >&lt;script
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"&gt;&lt;/script&gt;</span src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.js"&gt;&lt;/script&gt;</span
> >
</div> </div>
</div> </div>
@@ -192,7 +192,7 @@
<div class="terminal-log-line"> <div class="terminal-log-line">
<span class="terminal-log-message"> <span class="terminal-log-message">
&lt;link rel="stylesheet" &lt;link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css"&gt;</span href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.css"&gt;</span
> >
</div> </div>
<div class="terminal-log-line"> <div class="terminal-log-line">
@@ -238,7 +238,7 @@
<div class="terminal-log-line"> <div class="terminal-log-line">
<span class="terminal-log-message"> <span class="terminal-log-message">
&lt;script &lt;script
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"&gt;&lt;/script&gt;</span src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.3/index.js"&gt;&lt;/script&gt;</span
> >
</div> </div>
<div class="terminal-log-line"> <div class="terminal-log-line">

2
showcase.html
View File

@@ -83,7 +83,7 @@
<div class="showcase-section"> <div class="showcase-section">
<h3 class="title is-5 mb-4 has-text-primary">Tags & Badges</h3> <h3 class="title is-5 mb-4 has-text-primary">Tags & Badges</h3>
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<span class="tag is-primary">v0.0.2</span> <span class="tag is-primary">v0.0.3</span>
<span class="tag is-success">Active</span> <span class="tag is-success">Active</span>
<span class="tag is-danger is-active">Error</span> <span class="tag is-danger is-active">Error</span>
<span class="tag is-warning is-active">Beta</span> <span class="tag is-warning is-active">Beta</span>