|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>AI Assistant Library - Placeholder</title> |
|
|
<link rel="stylesheet" href="styles.css"> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Monoton&family=Orbitron:wght@400;700&family=Pacifico&family=Press+Start+2P&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
.placeholder-content { |
|
|
max-width: 800px; |
|
|
margin: 50px auto; |
|
|
background-color: var(--card-bg); |
|
|
padding: 30px; |
|
|
border-radius: 15px; |
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); |
|
|
border: 2px solid var(--accent-color); |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.placeholder-content h1 { |
|
|
font-family: 'Monoton', cursive; |
|
|
color: var(--accent-color); |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
|
|
|
.placeholder-content p { |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
|
|
|
.placeholder-button { |
|
|
background-color: var(--primary-color); |
|
|
color: white; |
|
|
border: none; |
|
|
padding: 10px 20px; |
|
|
border-radius: 5px; |
|
|
cursor: pointer; |
|
|
font-family: 'Orbitron', sans-serif; |
|
|
transition: background-color 0.3s, transform 0.3s; |
|
|
display: inline-block; |
|
|
margin-top: 20px; |
|
|
} |
|
|
|
|
|
.placeholder-button:hover { |
|
|
background-color: var(--secondary-color); |
|
|
transform: translateY(-3px); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="banner"> |
|
|
<img src="banner.webp" alt="Banner Image"> |
|
|
<div class="banner-overlay"> |
|
|
<h1>AI Assistant Library</h1> |
|
|
<p>A collection of AI assistant configurations by Daniel Rosehill</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="placeholder-content"> |
|
|
<h1>Website Under Construction</h1> |
|
|
<p>The AI Assistant Library is currently being built. Please run the build script to generate the configuration files.</p> |
|
|
<p>Follow these steps to build the website:</p> |
|
|
<ol style="text-align: left; display: inline-block;"> |
|
|
<li>Make sure Node.js is installed on your system</li> |
|
|
<li>Run the build script: <code>node build.js</code> or <code>./build-all.sh</code></li> |
|
|
<li>Once the build is complete, open <code>index.html</code> to view the website</li> |
|
|
</ol> |
|
|
<a href="index.html" class="placeholder-button">Go to Main Page</a> |
|
|
</div> |
|
|
|
|
|
<footer> |
|
|
<p>AI Assistant Library by <a href="https://danielrosehill.com" target="_blank">Daniel Rosehill</a> | 2024-2025</p> |
|
|
<p><a href="https://github.com/danielrosehill/AI-Assistant-System-Prompt-Library-0325-Export" target="_blank">View on GitHub</a></p> |
|
|
</footer> |
|
|
</body> |
|
|
</html> |
