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

update docs, showcase, v0.0.2

Browse Source
This commit is contained in:
letieu
2025-12-09 01:23:27 +07:00
parent 751959faa0
commit ebf1d40501
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

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

2
index.css
View File

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

2
index.html
View File

@@ -25,7 +25,7 @@
<div class="w-3 h-3 rounded-full bg-green-500"></div>
</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.1</div>
<div class="has-text-muted text-xs" style="opacity: 0.5">v0.0.2</div>
</div>
<!-- BODY -->

10
installation.html
View File

@@ -28,7 +28,7 @@
dev@localhost:~/tcss/installation
</div>
<div class="has-text-muted text-xs" style="opacity: 0.5">
v0.0.1
v0.0.2
</div>
</div>
@@ -70,7 +70,7 @@
<div class="terminal-log-line">
<span class="terminal-log-message"
>&lt;link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.1/index.css"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css"
/&gt;</span
>
</div>
@@ -91,7 +91,7 @@
<div class="terminal-log-line">
<span class="terminal-log-message"
>&lt;script
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.1/index.js"&gt;&lt;/script&gt;</span
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"&gt;&lt;/script&gt;</span
>
</div>
</div>
@@ -189,7 +189,7 @@
<div class="terminal-log-line">
<span class="terminal-log-message">
&lt;link rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.1/index.css"&gt;</span
href="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.css"&gt;</span
>
</div>
<div class="terminal-log-line">
@@ -235,7 +235,7 @@
<div class="terminal-log-line">
<span class="terminal-log-message">
&lt;script
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.1/index.js"&gt;&lt;/script&gt;</span
src="https://cdn.jsdelivr.net/gh/letieu/terminal.css@v0.0.2/index.js"&gt;&lt;/script&gt;</span
>
</div>
<div class="terminal-log-line">

2
showcase.html
View File

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