body.html
Changed around line 1
+
+
+
+
+
+
+
Where Developers Collaborate and Innovate
+
Code hosting, version control, and team collaboration made simple.
+
+
+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://collab.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Collab - Where Developers Collaborate and Innovate
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ // Add any interactive JavaScript functionality here if needed
style.css
Changed around line 1
+ :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;
+ }
+ }