Awesome-Mirrors/awesome-chatgpt-prompts
1
0
Fork 0
mirror of https://github.com/f/awesome-chatgpt-prompts.git synced 2025-03-28 16:48:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

/vibe

Browse Source
This commit is contained in:
f 2025-03-16 22:51:24 +03:00
parent 088bf500e2
commit 19f019eaeb
5 changed files with 13 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@ -11,7 +11,7 @@
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ "/style.css?v=" | append: site.github.build_revision | relative_url }}">
</head>
<body>
<body class="{{ page.body_class | default: '' }}">
<div class="layout-wrapper">
<!-- Copilot Suggestion Modal Backdrop -->
<div class="copilot-suggestion-backdrop"></div>

8
style.css
View File

@ -288,6 +288,14 @@ body.dark-mode {
gap: 8px;
position: relative;
}
body.vibe .site-header {
height: auto !important;
}
body.vibe .sidebar {
display: none !important;
}
.header-right {
position: absolute;

3
vibe/index.md
View File

@ -1,8 +1,9 @@
---
title: prompts.chat/vibe
title: /vibe
subtitle: awesome vibe coding prompts to help you build simple apps
hide_platform_selector: true
hide_extension_link: true
hide_tone_selector: true
subpage: true
body_class: vibe
---

4
vibe/script.js
View File

@ -252,11 +252,11 @@ document.addEventListener('DOMContentLoaded', () => {
function toggleDarkMode() {
document.body.classList.toggle('dark-mode');
const isDark = document.body.classList.contains('dark-mode');
localStorage.setItem('darkMode', isDark);
localStorage.setItem('dark-mode', isDark);
}
// Initialize dark mode from localStorage
const savedDarkMode = localStorage.getItem('darkMode') === 'true';
const savedDarkMode = localStorage.getItem('dark-mode') === 'true';
if (savedDarkMode) {
document.body.classList.add('dark-mode');
}

43
vibe/style.css
View File

@ -1,43 +0,0 @@
.contribute-card {
background: linear-gradient(45deg, var(--accent-color) 0%, var(--accent-color-light) 100%);
color: white !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.contribute-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.contribute-card .prompt-title {
color: white;
font-weight: 600;
}
.contribute-card .prompt-content {
color: rgba(255, 255, 255, 0.9);
margin: 1rem 0;
}
.contribute-card .contributor-badge {
background-color: rgba(255, 255, 255, 0.2);
color: white;
border: none;
}
.contribute-card .contributor-badge:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.contribute-card svg {
stroke: white;
}
/* Dark mode adjustments */
.dark-mode .contribute-card {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.dark-mode .contribute-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}