Add index page and projects
This commit is contained in:
Richard Patching
parent
e23ce69fff
commit
5de454d1c3
18
Gemfile
18
Gemfile
@ -1,8 +1,20 @@
|
||||
source "https://rubygems.org"
|
||||
|
||||
gem "jekyll", "~> 4"
|
||||
gem "webrick", "~> 1.7"
|
||||
gem "jekyll", "~> 4.3.3"
|
||||
gem "jekyll-postcss"
|
||||
gem "jekyll-feed"
|
||||
gem "jekyll-sitemap"
|
||||
gem "jekyll-seo-tag"
|
||||
gem "webrick", "~> 1.8"
|
||||
gem "csv"
|
||||
gem "base64"
|
||||
gem "bigdecimal"
|
||||
gem "stringio"
|
||||
gem "json"
|
||||
gem "racc"
|
||||
gem "psych"
|
||||
gem "io-console"
|
||||
gem "rss"
|
||||
|
||||
group :jekyll_plugins do
|
||||
gem "jekyll-postcss"
|
||||
end
|
||||
|
||||
46
_config.yml
46
_config.yml
@ -1,16 +1,53 @@
|
||||
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
url: "https://hackmarine.com" # the base hostname & protocol for your site
|
||||
baseurl: "" # the subpath of your site, e.g. /blog
|
||||
title: "Jekyll + Tailwind" # the name of your site, e.g. ACME Corp.
|
||||
title: "Hackmarine" # the name of your site
|
||||
description: "Open source technology solutions for sailboats and liveaboards"
|
||||
email: "contact@hackmarine.com"
|
||||
author: "Hackmarine Team"
|
||||
|
||||
# Build settings
|
||||
markdown: kramdown
|
||||
permalink: pretty
|
||||
|
||||
# Collections
|
||||
collections:
|
||||
projects:
|
||||
output: true
|
||||
permalink: /projects/:path/
|
||||
|
||||
# Default front matter
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "posts"
|
||||
values:
|
||||
layout: "post"
|
||||
author: "Hackmarine Team"
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "projects"
|
||||
values:
|
||||
layout: "project"
|
||||
author: "Hackmarine Team"
|
||||
|
||||
# Plugins
|
||||
plugins:
|
||||
- jekyll-postcss
|
||||
- jekyll-feed
|
||||
- jekyll-sitemap
|
||||
- jekyll-seo-tag
|
||||
|
||||
# Sass settings
|
||||
sass:
|
||||
sourcemap: never
|
||||
|
||||
# PostCSS settings
|
||||
postcss:
|
||||
cache: false
|
||||
|
||||
# Exclude files from processing
|
||||
exclude:
|
||||
- .gitignore
|
||||
- bin
|
||||
@ -18,9 +55,10 @@ exclude:
|
||||
- package-lock.json
|
||||
- postcss.config.js
|
||||
- README.md
|
||||
# - assets/css/tailwind.scss
|
||||
- Gemfile
|
||||
- Gemfile.lock
|
||||
|
||||
# files Jekyll should not delete from .site
|
||||
# Keep files in _site
|
||||
keep_files:
|
||||
- assets/css/tailwind.css
|
||||
- assets/css/tailwind.css.map
|
||||
@ -1,13 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ site.lang | default: "en-US" }}">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<title>{{ page.title }} | {{ site.title }}</title>
|
||||
<link rel="stylesheet" href="{{ "/assets/css/tailwind.css" | relative_url }}">
|
||||
<!-- <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}"> -->
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ page.title }} - {{ site.title }}</title>
|
||||
<meta name="description" content="{{ page.description | default: site.description }}">
|
||||
<link rel="stylesheet" href="{{ '/assets/css/tailwind.css' | relative_url }}">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
{% seo %}
|
||||
{% feed_meta %}
|
||||
</head>
|
||||
<body>
|
||||
{{ content }}
|
||||
<body class="bg-slate-900 text-slate-100 font-mono min-h-screen flex flex-col">
|
||||
<header class="bg-slate-800 border-b border-slate-700">
|
||||
<nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="flex justify-between h-16">
|
||||
<div class="flex">
|
||||
<div class="flex-shrink-0 flex items-center">
|
||||
<a href="{{ '/' | relative_url }}" class="text-2xl font-bold text-cyan-400 hover:text-cyan-300">
|
||||
hackmarine
|
||||
</a>
|
||||
</div>
|
||||
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
|
||||
<a href="{{ '/' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
||||
~/home
|
||||
</a>
|
||||
<a href="{{ '/projects' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
||||
~/projects
|
||||
</a>
|
||||
<a href="{{ '/blog' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
||||
~/blog
|
||||
</a>
|
||||
<a href="{{ '/about' | relative_url }}" class="text-slate-300 hover:text-cyan-400 inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:border-cyan-400 text-sm font-medium">
|
||||
~/about
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div class="prose prose-invert max-w-7xl">
|
||||
{{ content }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="bg-slate-800 border-t border-slate-700 mt-auto">
|
||||
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
|
||||
<div class="text-center text-slate-400 text-sm">
|
||||
<p class="font-mono">// All content is open source and available under MIT License</p>
|
||||
<p class="mt-2 text-xs">© {{ site.time | date: '%Y' }} hackmarine</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
40
_layouts/post.html
Normal file
40
_layouts/post.html
Normal file
@ -0,0 +1,40 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<article class="prose max-w-none">
|
||||
<header class="mb-8">
|
||||
<h1 class="text-4xl font-bold text-gray-900 mb-2">{{ page.title }}</h1>
|
||||
<div class="flex items-center text-sm text-gray-500">
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time>
|
||||
<span class="mx-2">•</span>
|
||||
<span>{{ page.author }}</span>
|
||||
{% if page.categories %}
|
||||
<span class="mx-2">•</span>
|
||||
<div class="flex space-x-2">
|
||||
{% for category in page.categories %}
|
||||
<a href="{{ '/categories/' | append: category | relative_url }}" class="text-blue-600 hover:text-blue-800">
|
||||
{{ category }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% if page.tags %}
|
||||
<footer class="mt-8 pt-4 border-t border-gray-200">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% for tag in page.tags %}
|
||||
<a href="{{ '/tags/' | append: tag | relative_url }}" class="px-3 py-1 bg-gray-100 text-gray-600 rounded-full text-sm hover:bg-gray-200">
|
||||
#{{ tag }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</footer>
|
||||
{% endif %}
|
||||
</article>
|
||||
84
_layouts/project.html
Normal file
84
_layouts/project.html
Normal file
@ -0,0 +1,84 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<article class="prose max-w-none">
|
||||
<header class="mb-8">
|
||||
<h1 class="text-4xl font-bold text-gray-900 mb-2">{{ page.title }}</h1>
|
||||
<div class="flex items-center text-sm text-gray-500">
|
||||
<time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time>
|
||||
<span class="mx-2">•</span>
|
||||
<span>{{ page.author }}</span>
|
||||
{% if page.categories %}
|
||||
<span class="mx-2">•</span>
|
||||
<div class="flex space-x-2">
|
||||
{% for category in page.categories %}
|
||||
<a href="{{ '/categories/' | append: category | relative_url }}" class="text-blue-600 hover:text-blue-800">
|
||||
{{ category }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% if page.image %}
|
||||
<div class="mb-8">
|
||||
<img src="{{ page.image | relative_url }}" alt="{{ page.title }}" class="rounded-lg shadow-lg">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
|
||||
<div class="md:col-span-2">
|
||||
<div class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:col-span-1">
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h3 class="text-lg font-semibold mb-4">Project Details</h3>
|
||||
{% if page.components %}
|
||||
<div class="mb-4">
|
||||
<h4 class="text-sm font-medium text-gray-500 mb-2">Components</h4>
|
||||
<ul class="text-sm">
|
||||
{% for component in page.components %}
|
||||
<li class="mb-1">{{ component }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.difficulty %}
|
||||
<div class="mb-4">
|
||||
<h4 class="text-sm font-medium text-gray-500 mb-2">Difficulty</h4>
|
||||
<p class="text-sm">{{ page.difficulty }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.cost %}
|
||||
<div class="mb-4">
|
||||
<h4 class="text-sm font-medium text-gray-500 mb-2">Estimated Cost</h4>
|
||||
<p class="text-sm">{{ page.cost }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<div>
|
||||
<a href="{{ page.github }}" class="text-blue-600 hover:text-blue-800 text-sm" target="_blank" rel="noopener">
|
||||
View on GitHub →
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if page.tags %}
|
||||
<footer class="mt-8 pt-4 border-t border-gray-200">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% for tag in page.tags %}
|
||||
<a href="{{ '/tags/' | append: tag | relative_url }}" class="px-3 py-1 bg-gray-100 text-gray-600 rounded-full text-sm hover:bg-gray-200">
|
||||
#{{ tag }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</footer>
|
||||
{% endif %}
|
||||
</article>
|
||||
33
_posts/2024-04-23-welcome-to-hackmarine.md
Normal file
33
_posts/2024-04-23-welcome-to-hackmarine.md
Normal file
@ -0,0 +1,33 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Welcome to Hackmarine"
|
||||
date: 2024-04-23
|
||||
author: "Hackmarine Team"
|
||||
categories: [announcements]
|
||||
tags: [open-source, sailing, technology]
|
||||
image: /assets/images/welcome.jpg
|
||||
---
|
||||
|
||||
Welcome to Hackmarine, your new resource for open-source technology solutions for sailboats and liveaboards. Our mission is to provide accessible, affordable, and open-source alternatives to expensive commercial marine technology.
|
||||
|
||||
## What to Expect
|
||||
|
||||
At Hackmarine, you'll find:
|
||||
|
||||
- Detailed project guides for DIY marine technology
|
||||
- Open-source hardware and software solutions
|
||||
- 3D printable designs for custom cases and mounts
|
||||
- Community-driven development and improvements
|
||||
- Budget-friendly alternatives to commercial products
|
||||
|
||||
## Our First Project
|
||||
|
||||
Coming soon, we'll be releasing our first project: an open-source anchor alarm system. This will include:
|
||||
|
||||
- ESP32-based hardware design
|
||||
- Custom PCB layout
|
||||
- 3D printable waterproof case
|
||||
- Complete software solution
|
||||
- Step-by-step assembly guide
|
||||
|
||||
Stay tuned for more updates and project releases. We're excited to build this community of tech-savvy sailors and liveaboards!
|
||||
66
_projects/anchor-alarm.md
Normal file
66
_projects/anchor-alarm.md
Normal file
@ -0,0 +1,66 @@
|
||||
---
|
||||
layout: project
|
||||
title: "Open Source Anchor Alarm"
|
||||
date: 2024-04-23
|
||||
author: "Hackmarine Team"
|
||||
categories: [hardware]
|
||||
tags: [esp32, gps, anchor-alarm, 3d-printing]
|
||||
image: /assets/images/anchor-alarm.jpg
|
||||
components:
|
||||
- ESP32 Development Board
|
||||
- TFT SPI Display (2.4")
|
||||
- NEO-6M GPS Module
|
||||
- 3D Printed Waterproof Case
|
||||
- LiPo Battery (2000mAh)
|
||||
difficulty: "Intermediate"
|
||||
cost: "~$50"
|
||||
github: "https://github.com/hackmarine/anchor-alarm"
|
||||
---
|
||||
|
||||
# Open Source Anchor Alarm
|
||||
|
||||
A DIY anchor alarm system that helps you monitor your boat's position while at anchor. This project combines an ESP32 microcontroller with a GPS module and TFT display to create a reliable and affordable anchor alarm system.
|
||||
|
||||
## Features
|
||||
|
||||
- Real-time GPS position monitoring
|
||||
- Customizable anchor radius
|
||||
- Visual and audible alarms
|
||||
- Battery-powered operation
|
||||
- Waterproof 3D printed case
|
||||
- Open source hardware and software
|
||||
|
||||
## Project Overview
|
||||
|
||||
This anchor alarm system is designed to be:
|
||||
- Affordable (under $50 in components)
|
||||
- Easy to build with basic soldering skills
|
||||
- Reliable in marine environments
|
||||
- Customizable to your needs
|
||||
|
||||
## Technical Details
|
||||
|
||||
The system uses:
|
||||
- ESP32 for processing and WiFi capabilities
|
||||
- NEO-6M GPS module for accurate positioning
|
||||
- TFT display for user interface
|
||||
- Custom PCB for clean assembly
|
||||
- 3D printed waterproof case
|
||||
|
||||
## Getting Started
|
||||
|
||||
The complete project documentation will be available on our documentation site at docs.hackmarine.com. This will include:
|
||||
- Detailed assembly instructions
|
||||
- PCB design files
|
||||
- 3D printable case files
|
||||
- Software installation guide
|
||||
- Calibration procedures
|
||||
|
||||
## Future Improvements
|
||||
|
||||
We're planning to add:
|
||||
- Mobile app integration
|
||||
- Cloud logging
|
||||
- Weather data integration
|
||||
- Solar charging capability
|
||||
- Community-driven features
|
||||
49
about.md
Normal file
49
about.md
Normal file
@ -0,0 +1,49 @@
|
||||
---
|
||||
layout: default
|
||||
title: About Hackmarine
|
||||
---
|
||||
|
||||
# About Hackmarine
|
||||
|
||||
Hackmarine is an open-source initiative dedicated to bringing affordable, DIY technology solutions to the sailing and liveaboard community. We believe that modern marine technology should be accessible to everyone, not just those who can afford expensive commercial solutions.
|
||||
|
||||
## Our Mission
|
||||
|
||||
Our mission is to:
|
||||
- Create open-source alternatives to expensive marine technology
|
||||
- Share knowledge and empower the sailing community
|
||||
- Build a community of tech-savvy sailors and makers
|
||||
- Promote sustainable and affordable solutions for life at sea
|
||||
|
||||
## What We Do
|
||||
|
||||
We develop and share:
|
||||
- Open-source hardware projects
|
||||
- DIY marine electronics
|
||||
- 3D printable designs for marine applications
|
||||
- Detailed build guides and documentation
|
||||
- Software solutions for marine applications
|
||||
|
||||
## Why Open Source?
|
||||
|
||||
We believe in the power of open source to:
|
||||
- Make marine technology more accessible
|
||||
- Enable community-driven innovation
|
||||
- Allow customization for specific needs
|
||||
- Reduce costs through shared knowledge
|
||||
- Create better, more reliable solutions through collaboration
|
||||
|
||||
## Get Involved
|
||||
|
||||
There are many ways to get involved with Hackmarine:
|
||||
- Contribute to our projects on GitHub
|
||||
- Share your own marine DIY projects
|
||||
- Join our community discussions
|
||||
- Test and improve our designs
|
||||
- Help with documentation and guides
|
||||
|
||||
## Contact Us
|
||||
|
||||
Have questions or want to contribute? Reach out to us at:
|
||||
- Email: [contact@hackmarine.com](mailto:contact@hackmarine.com)
|
||||
- GitHub: [github.com/hackmarine](https://github.com/hackmarine)
|
||||
67
blog/index.html
Normal file
67
blog/index.html
Normal file
@ -0,0 +1,67 @@
|
||||
---
|
||||
layout: default
|
||||
title: Blog
|
||||
---
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-4xl font-bold text-cyan-400 mb-8">// Blog Posts</h1>
|
||||
|
||||
<div class="space-y-6">
|
||||
{% for post in site.posts %}
|
||||
<div class="ncurses-box">
|
||||
<div class="ncurses-header">
|
||||
<span class="text-cyan-400">[{{ post.date | date: "%Y-%m-%d" }}]</span>
|
||||
<span class="text-slate-400">//</span>
|
||||
<span class="text-cyan-400">{{ post.title }}</span>
|
||||
</div>
|
||||
<div class="ncurses-content">
|
||||
<div class="flex items-center text-sm text-slate-400 mb-4">
|
||||
{% if post.categories %}
|
||||
<div class="flex space-x-2">
|
||||
{% for category in post.categories %}
|
||||
<a href="{{ '/categories/' | append: category | relative_url }}" class="text-cyan-400 hover:text-cyan-300">
|
||||
{{ category }}
|
||||
</a>
|
||||
{% unless forloop.last %}, {% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if post.description %}
|
||||
<p class="text-slate-300 mb-4">{{ post.description }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex items-center space-x-4">
|
||||
<a href="{{ post.url | relative_url }}" class="text-cyan-400 hover:text-cyan-300">
|
||||
$ read more →
|
||||
</a>
|
||||
{% if post.tags %}
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% for tag in post.tags %}
|
||||
<span class="px-2 py-1 bg-slate-800 text-sm text-slate-400 rounded">#{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.ncurses-box {
|
||||
@apply border border-slate-700 bg-slate-800 rounded;
|
||||
box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.1);
|
||||
}
|
||||
|
||||
.ncurses-header {
|
||||
@apply border-b border-slate-700 px-4 py-2 flex items-center space-x-2;
|
||||
background: linear-gradient(to right, rgba(56, 189, 248, 0.1), transparent);
|
||||
}
|
||||
|
||||
.ncurses-content {
|
||||
@apply p-4;
|
||||
}
|
||||
</style>
|
||||
1446
package-lock.json
generated
1446
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
76
projects/index.html
Normal file
76
projects/index.html
Normal file
@ -0,0 +1,76 @@
|
||||
---
|
||||
layout: default
|
||||
title: Projects
|
||||
---
|
||||
|
||||
<div class="max-w-7xl mx-auto">
|
||||
<h1 class="text-4xl font-bold text-cyan-400 mb-8">// Open Source Marine Projects</h1>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{% for project in site.projects %}
|
||||
<div class="ncurses-box">
|
||||
<div class="ncurses-header">
|
||||
<span class="text-cyan-400">[{{ project.date | date: "%Y-%m-%d" }}]</span>
|
||||
<span class="text-slate-400">//</span>
|
||||
<span class="text-cyan-400">{{ project.title }}</span>
|
||||
</div>
|
||||
<div class="ncurses-content">
|
||||
{% if project.image %}
|
||||
<div class="mb-4">
|
||||
<img src="{{ project.image | relative_url }}" alt="{{ project.title }}" class="w-full h-48 object-cover rounded">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if project.description %}
|
||||
<p class="text-slate-300 mb-4">{{ project.description }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex items-center text-sm text-slate-400 mb-4">
|
||||
{% if project.difficulty %}
|
||||
<span class="mr-4">
|
||||
<span class="text-cyan-400">Difficulty:</span> {{ project.difficulty }}
|
||||
</span>
|
||||
{% endif %}
|
||||
{% if project.cost %}
|
||||
<span>
|
||||
<span class="text-cyan-400">Cost:</span> {{ project.cost }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if project.tags %}
|
||||
<div class="flex flex-wrap gap-2 mb-4">
|
||||
{% for tag in project.tags %}
|
||||
<span class="px-2 py-1 bg-slate-900 text-sm text-slate-400 rounded">#{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if project.github %}
|
||||
<div>
|
||||
<a href="{{ project.github }}" class="text-cyan-400 hover:text-cyan-300 text-sm" target="_blank" rel="noopener">
|
||||
$ view on github →
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.ncurses-box {
|
||||
@apply border border-slate-700 bg-slate-800 rounded;
|
||||
box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.1);
|
||||
}
|
||||
|
||||
.ncurses-header {
|
||||
@apply border-b border-slate-700 px-4 py-2 flex items-center space-x-2;
|
||||
background: linear-gradient(to right, rgba(56, 189, 248, 0.1), transparent);
|
||||
}
|
||||
|
||||
.ncurses-content {
|
||||
@apply p-4;
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user