commit 76205a619d24e37896ba2bdd2751b915f55751e4
Author: root <root@hub.scroll.pub> Date: 2024-12-27 08:30:33 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..484b1f2 --- /dev/null +++ b/body.html @@ -0,0 +1,46 @@ +<header class="header"> + <div class="container"> + <h1 class="logo">Portal</h1> + <nav class="nav"> + <ul> + <li><a href="/">Home</a></li> + <li><a href="/about">About</a></li> + <li><a href="/services">Services</a></li> + <li><a href="/contact">Contact</a></li> + </ul> + </nav> + </div> +</header> + +<main class="main"> + <section class="hero"> + <div class="container"> + <h2>Welcome to Portal</h2> + <p>Your gateway to the web. Explore, connect, and discover.</p> + <a href="/explore" class="btn">Explore Now</a> + </div> + </section> + + <section class="features"> + <div class="container"> + <div class="feature"> + <h3>Fast & Reliable</h3> + <p>Experience lightning-fast performance and reliable service.</p> + </div> + <div class="feature"> + <h3>Secure & Private</h3> + <p>Your data is safe with our advanced security measures.</p> + </div> + <div class="feature"> + <h3>User-Friendly</h3> + <p>Intuitive design for a seamless user experience.</p> + </div> + </div> + </section> +</main> + +<footer class="footer"> + <div class="container"> + <p>Portal - Your Gateway to the Web</p> + </div> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..69dedfb --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://portal.scroll.pub +metaTags +editButton /edit.html +title Portal - Your Gateway to the Web +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..49489e1 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# portal.scroll.pub +Website generated by DeepSeek from prompt: 写个门户网站 \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..078d6ea --- /dev/null +++ b/script.js @@ -0,0 +1,5 @@ +// Basic JavaScript for interactivity +document.addEventListener('DOMContentLoaded', function() { + // Add any interactive elements here + console.log('Portal is ready!'); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..9c37abd --- /dev/null +++ b/style.css @@ -0,0 +1,122 @@ +:root { + --primary-color: #3498db; + --secondary-color: #2ecc71; + --background-color: #f4f4f4; + --text-color: #333; + --white: #fff; +} + +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + color: var(--text-color); + background-color: var(--background-color); +} + +.container { + width: 90%; + max-width: 1200px; + margin: 0 auto; +} + +.header { + background-color: var(--primary-color); + color: var(--white); + padding: 1rem 0; +} + +.header .logo { + margin: 0; + font-size: 2rem; +} + +.nav ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + justify-content: flex-end; +} + +.nav ul li { + margin-left: 1rem; +} + +.nav ul li a { + color: var(--white); + text-decoration: none; + font-weight: bold; +} + +.hero { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/hero.jpg'); + background-size: cover; + background-position: center; + color: var(--white); + padding: 5rem 0; + text-align: center; +} + +.hero h2 { + font-size: 3rem; + margin-bottom: 1rem; +} + +.hero p { + font-size: 1.5rem; + margin-bottom: 2rem; +} + +.btn { + background-color: var(--secondary-color); + color: var(--white); + padding: 0.75rem 1.5rem; + text-decoration: none; + border-radius: 5px; + font-weight: bold; +} + +.features { + display: flex; + justify-content: space-between; + padding: 3rem 0; +} + +.feature { + flex: 1; + margin: 0 1rem; + text-align: center; +} + +.feature h3 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.footer { + background-color: var(--primary-color); + color: var(--white); + text-align: center; + padding: 1rem 0; + margin-top: 2rem; +} + +@media (max-width: 768px) { + .features { + flex-direction: column; + } + + .feature { + margin: 1rem 0; + } + + .nav ul { + flex-direction: column; + align-items: center; + } + + .nav ul li { + margin: 0.5rem 0; + } +} \ No newline at end of file