commit e99d0e1df2fa38e368ea51b512945c02affa4391
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 07:33:05 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..018fafb
--- /dev/null
+++ b/body.html
@@ -0,0 +1,47 @@
+<header class="navbar">
+ <div class="container">
+ <a href="/" class="logo">Collab</a>
+ <nav>
+ <ul>
+ <li><a href="/features">Features</a></li>
+ <li><a href="/pricing">Pricing</a></li>
+ <li><a href="/documentation">Documentation</a></li>
+ <li><a href="/community">Community</a></li>
+ </ul>
+ </nav>
+ </div>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="container">
+ <h1>Where Developers Collaborate and Innovate</h1>
+ <p class="subheading">Code hosting, version control, and team collaboration made simple.</p>
+ <div class="search-bar">
+ <input type="text" placeholder="Search repositories or projects..." aria-label="Search repositories or projects">
+ <button type="button">Search</button>
+ </div>
+ <div class="cta-buttons">
+ <a href="/signup" class="btn-primary">Sign Up</a>
+ <a href="/explore" class="btn-secondary">Explore Repositories</a>
+ </div>
+ </div>
+ </section>
+</main>
+
+<footer class="footer">
+ <div class="container">
+ <div class="footer-links">
+ <a href="/about">About</a>
+ <a href="/support">Support</a>
+ <a href="/blog">Blog</a>
+ <a href="/terms">Terms</a>
+ <a href="/privacy">Privacy</a>
+ </div>
+ <div class="social-media">
+ <a href="https://twitter.com/collab" aria-label="Twitter">Twitter</a>
+ <a href="https://github.com/collab" aria-label="GitHub">GitHub</a>
+ <a href="https://linkedin.com/company/collab" aria-label="LinkedIn">LinkedIn</a>
+ </div>
+ </div>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..05427ee
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://collab.scroll.pub
+metaTags
+editButton /edit.html
+title Collab - Where Developers Collaborate and Innovate
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..a1fed15
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# collab.scroll.pub
+Website generated by DeepSeek from prompt: Design a sleek and modern homepage inspired by GitHub, featuring a prominent search bar at the center for repository or project exploration. Add a clean navigation bar at the top with options like 'Features,' 'Pricing,' 'Documentation,' and 'Community.' Below the search bar, include a bold headline like 'Where Developers Collaborate and Innovate' with a subheading highlighting features like code hosting, version control, and team collaboration. Include a call-to-action button for signing up and a secondary button for exploring repositories. Enhance with a minimalistic hero image or illustration showcasing developers working together. Finish with a responsive footer with links to company info, support, and social media.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..dac3455
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// Add any interactive JavaScript functionality here if needed
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2afe531
--- /dev/null
+++ b/style.css
@@ -0,0 +1,186 @@
+:root {
+ --primary-color: #238636;
+ --secondary-color: #2f81f7;
+ --background-color: #0d1117;
+ --text-color: #c9d1d9;
+ --border-color: #30363d;
+ --hover-color: #1f6feb;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ line-height: 1.6;
+}
+
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 20px;
+}
+
+.navbar {
+ background-color: var(--background-color);
+ padding: 20px 0;
+ border-bottom: 1px solid var(--border-color);
+}
+
+.navbar .logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: var(--text-color);
+ text-decoration: none;
+}
+
+.navbar nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ gap: 20px;
+}
+
+.navbar nav ul li a {
+ color: var(--text-color);
+ text-decoration: none;
+ font-weight: 500;
+}
+
+.navbar nav ul li a:hover {
+ color: var(--hover-color);
+}
+
+.hero {
+ text-align: center;
+ padding: 100px 0;
+}
+
+.hero h1 {
+ font-size: 2.5rem;
+ margin-bottom: 20px;
+}
+
+.hero .subheading {
+ font-size: 1.2rem;
+ color: #8b949e;
+ margin-bottom: 40px;
+}
+
+.search-bar {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 30px;
+}
+
+.search-bar input {
+ width: 100%;
+ max-width: 500px;
+ padding: 10px;
+ border: 1px solid var(--border-color);
+ border-radius: 6px;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ font-size: 1rem;
+}
+
+.search-bar button {
+ padding: 10px 20px;
+ margin-left: 10px;
+ background-color: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 6px;
+ cursor: pointer;
+ font-size: 1rem;
+}
+
+.search-bar button:hover {
+ background-color: #2ea043;
+}
+
+.cta-buttons {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+}
+
+.btn-primary, .btn-secondary {
+ padding: 10px 20px;
+ border-radius: 6px;
+ text-decoration: none;
+ font-size: 1rem;
+ font-weight: 500;
+}
+
+.btn-primary {
+ background-color: var(--primary-color);
+ color: white;
+}
+
+.btn-primary:hover {
+ background-color: #2ea043;
+}
+
+.btn-secondary {
+ background-color: transparent;
+ border: 1px solid var(--border-color);
+ color: var(--text-color);
+}
+
+.btn-secondary:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.footer {
+ background-color: var(--background-color);
+ padding: 40px 0;
+ border-top: 1px solid var(--border-color);
+}
+
+.footer-links, .social-media {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin-bottom: 20px;
+}
+
+.footer-links a, .social-media a {
+ color: var(--text-color);
+ text-decoration: none;
+}
+
+.footer-links a:hover, .social-media a:hover {
+ color: var(--hover-color);
+}
+
+@media (max-width: 768px) {
+ .navbar nav ul {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .hero h1 {
+ font-size: 2rem;
+ }
+
+ .hero .subheading {
+ font-size: 1rem;
+ }
+
+ .search-bar {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .search-bar button {
+ margin-left: 0;
+ margin-top: 10px;
+ }
+
+ .cta-buttons {
+ flex-direction: column;
+ align-items: center;
+ }
+}
\ No newline at end of file