commit c7539f8e80e7451d49e9c0b2ea9c7096237dbc22
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 14:46:54 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..a95eba5
--- /dev/null
+++ b/body.html
@@ -0,0 +1,28 @@
+<header>
+ <h1>Dr. Daníel Alexanderssons</h1>
+ <p>Eye Doctor | Lund, Sweden</p>
+</header>
+
+<main>
+ <section id="about">
+ <h2>About Me</h2>
+ <p>Hello! I'm Daníel Alexanderssons, a dedicated eye doctor based in Lund, Sweden. With a passion for improving vision and eye health, I strive to provide the best care for my patients.</p>
+ </section>
+
+ <section id="learning-status">
+ <h2>Eye Doctor Learning Status</h2>
+ <div class="progress-container">
+ <div class="progress-bar" id="progress-bar"></div>
+ </div>
+ <p id="progress-text">Loading progress...</p>
+ </section>
+
+ <section id="contact">
+ <h2>Contact</h2>
+ <p>If you'd like to get in touch, please email me at <a href="mailto:daniel@example.com">daniel@example.com</a>.</p>
+ </section>
+</main>
+
+<footer>
+ <p>Thank you for visiting my website.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..ce23540
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://daniel-eyes.scroll.pub
+metaTags
+editButton /edit.html
+title Dr. Daníel Alexanderssons - Eye Doctor in Lund
+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..9dc99b5
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# daniel-eyes.scroll.pub
+Website generated by DeepSeek from prompt: I want a personal website about me, Daníel Alexanderssons, A Doctor at Lund. I want to see the status of my eye doctor learning
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..bac6df1
--- /dev/null
+++ b/script.js
@@ -0,0 +1,17 @@
+document.addEventListener('DOMContentLoaded', function () {
+ const progressBar = document.getElementById('progress-bar');
+ const progressText = document.getElementById('progress-text');
+
+ // Simulate loading progress
+ let progress = 0;
+ const interval = setInterval(() => {
+ progress += 10;
+ progressBar.style.width = `${progress}%`;
+ progressText.textContent = `Learning Progress: ${progress}%`;
+
+ if (progress >= 100) {
+ clearInterval(interval);
+ progressText.textContent = 'Learning Complete!';
+ }
+ }, 500);
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..255dcd0
--- /dev/null
+++ b/style.css
@@ -0,0 +1,99 @@
+:root {
+ --primary-color: #0077b6;
+ --secondary-color: #00b4d8;
+ --background-color: #f0f4f8;
+ --text-color: #333;
+ --font-family: 'Arial', sans-serif;
+}
+
+body {
+ font-family: var(--font-family);
+ color: var(--text-color);
+ background-color: var(--background-color);
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+}
+
+header {
+ background-color: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+header h1 {
+ margin: 0;
+ font-size: 2.5rem;
+}
+
+header p {
+ margin: 0.5rem 0 0;
+ font-size: 1.2rem;
+}
+
+main {
+ padding: 2rem;
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+section {
+ margin-bottom: 2rem;
+}
+
+h2 {
+ color: var(--primary-color);
+ font-size: 2rem;
+ margin-bottom: 1rem;
+}
+
+.progress-container {
+ background-color: #e0e0e0;
+ border-radius: 10px;
+ overflow: hidden;
+ height: 20px;
+ margin-bottom: 1rem;
+}
+
+.progress-bar {
+ background-color: var(--secondary-color);
+ height: 100%;
+ width: 0;
+ transition: width 0.5s ease-in-out;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background-color: var(--primary-color);
+ color: white;
+ margin-top: 2rem;
+}
+
+a {
+ color: var(--secondary-color);
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+@media (max-width: 600px) {
+ header h1 {
+ font-size: 2rem;
+ }
+
+ header p {
+ font-size: 1rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ }
+
+ main {
+ padding: 1rem;
+ }
+}
\ No newline at end of file