------------------------------------------------------------
commit e89b05991681c054920534e8be962461ddfdbb5a
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:48:06 2024 +0000
Updated index.scroll
diff --git a/index.scroll b/index.scroll
index 65a8ee1..32bc06a 100644
--- a/index.scroll
+++ b/index.scroll
@@ -5,6 +5,7 @@ title Mighto Health - Metabolic Health Screening and Self-Management
buildHtml
metaTags
+style.css
------------------------------------------------------------
commit 663155a9a657a7dacc7ad2e62bd40a7dec4b9b0d
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:48:04 2024 +0000
Updated claude.html
diff --git a/claude.html b/claude.html
index 883c8de..44d64dc 100644
--- a/claude.html
+++ b/claude.html
@@ -104,3 +104,5 @@
});
});
</script>
+</body>
+</html>
\ No newline at end of file
------------------------------------------------------------
commit 0bc98e62444179eb2d1f085a121d11271d309e30
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:47:58 2024 +0000
Updated style.css
diff --git a/style.css b/style.css
index e69de29..9e4a442 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,191 @@
+
+ /* Reset and base styles */
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ }
+
+ /* Layout */
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 24px;
+ }
+
+ /* Header styles */
+ .hero {
+ background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);
+ padding: 64px 0;
+ text-align: center;
+ }
+
+ .hero-icon {
+ width: 48px;
+ height: 48px;
+ margin-bottom: 16px;
+ }
+
+ .hero h1 {
+ font-size: 48px;
+ font-weight: bold;
+ margin-bottom: 16px;
+ color: #111827;
+ }
+
+ .hero p {
+ font-size: 20px;
+ color: #4B5563;
+ margin-bottom: 32px;
+ }
+
+ /* Button styles */
+ .button-group {
+ display: flex;
+ gap: 16px;
+ justify-content: center;
+ }
+
+ .button {
+ padding: 12px 24px;
+ border-radius: 8px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s;
+ }
+
+ .button-primary {
+ background: #2563EB;
+ color: white;
+ border: none;
+ }
+
+ .button-primary:hover {
+ background: #1D4ED8;
+ }
+
+ .button-secondary {
+ background: white;
+ color: #2563EB;
+ border: 1px solid #2563EB;
+ }
+
+ .button-secondary:hover {
+ background: #EFF6FF;
+ }
+
+ /* Features grid */
+ .features {
+ padding: 64px 0;
+ }
+
+ .features-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 32px;
+ margin-top: 32px;
+ }
+
+ .feature-card {
+ background: white;
+ padding: 24px;
+ border-radius: 12px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ transition: box-shadow 0.2s;
+ }
+
+ .feature-card:hover {
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ }
+
+ .feature-icon {
+ width: 32px;
+ height: 32px;
+ margin-bottom: 16px;
+ color: #2563EB;
+ }
+
+ .feature-card h3 {
+ font-size: 20px;
+ margin-bottom: 8px;
+ }
+
+ /* Technical section */
+ .technical {
+ background: #EFF6FF;
+ padding: 64px 0;
+ }
+
+ .technical h2 {
+ font-size: 32px;
+ text-align: center;
+ margin-bottom: 48px;
+ }
+
+ .technical-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 32px;
+ }
+
+ .technical-item {
+ display: flex;
+ gap: 16px;
+ }
+
+ .technical-icon {
+ width: 24px;
+ height: 24px;
+ flex-shrink: 0;
+ margin-top: 4px;
+ color: #2563EB;
+ }
+
+ /* Footer */
+ .footer {
+ background: white;
+ padding: 32px 0;
+ }
+
+ .footer-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .github-link {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: #4B5563;
+ text-decoration: none;
+ transition: color 0.2s;
+ }
+
+ .github-link:hover {
+ color: #2563EB;
+ }
+
+ /* Responsive adjustments */
+ @media (max-width: 768px) {
+ .hero h1 {
+ font-size: 36px;
+ }
+
+ .button-group {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .footer-content {
+ flex-direction: column;
+ gap: 16px;
+ text-align: center;
+ }
+ }
\ No newline at end of file
------------------------------------------------------------
commit 0dbcdddf83d0296df77929a30728ec1c381b337c
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:47:48 2024 +0000
Updated claude.html
diff --git a/claude.html b/claude.html
index 9ece6ce..883c8de 100644
--- a/claude.html
+++ b/claude.html
@@ -1,203 +1,4 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Metabolic Health Resource</title>
- <style>
- /* Reset and base styles */
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- line-height: 1.6;
- color: #333;
- }
-
- /* Layout */
- .container {
- max-width: 1200px;
- margin: 0 auto;
- padding: 0 24px;
- }
-
- /* Header styles */
- .hero {
- background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);
- padding: 64px 0;
- text-align: center;
- }
-
- .hero-icon {
- width: 48px;
- height: 48px;
- margin-bottom: 16px;
- }
-
- .hero h1 {
- font-size: 48px;
- font-weight: bold;
- margin-bottom: 16px;
- color: #111827;
- }
-
- .hero p {
- font-size: 20px;
- color: #4B5563;
- margin-bottom: 32px;
- }
-
- /* Button styles */
- .button-group {
- display: flex;
- gap: 16px;
- justify-content: center;
- }
-
- .button {
- padding: 12px 24px;
- border-radius: 8px;
- font-weight: 500;
- cursor: pointer;
- transition: all 0.2s;
- }
-
- .button-primary {
- background: #2563EB;
- color: white;
- border: none;
- }
-
- .button-primary:hover {
- background: #1D4ED8;
- }
-
- .button-secondary {
- background: white;
- color: #2563EB;
- border: 1px solid #2563EB;
- }
-
- .button-secondary:hover {
- background: #EFF6FF;
- }
-
- /* Features grid */
- .features {
- padding: 64px 0;
- }
-
- .features-grid {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
- gap: 32px;
- margin-top: 32px;
- }
-
- .feature-card {
- background: white;
- padding: 24px;
- border-radius: 12px;
- box-shadow: 0 1px 3px rgba(0,0,0,0.1);
- transition: box-shadow 0.2s;
- }
-
- .feature-card:hover {
- box-shadow: 0 4px 6px rgba(0,0,0,0.1);
- }
-
- .feature-icon {
- width: 32px;
- height: 32px;
- margin-bottom: 16px;
- color: #2563EB;
- }
-
- .feature-card h3 {
- font-size: 20px;
- margin-bottom: 8px;
- }
-
- /* Technical section */
- .technical {
- background: #EFF6FF;
- padding: 64px 0;
- }
-
- .technical h2 {
- font-size: 32px;
- text-align: center;
- margin-bottom: 48px;
- }
-
- .technical-grid {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
- gap: 32px;
- }
-
- .technical-item {
- display: flex;
- gap: 16px;
- }
-
- .technical-icon {
- width: 24px;
- height: 24px;
- flex-shrink: 0;
- margin-top: 4px;
- color: #2563EB;
- }
-
- /* Footer */
- .footer {
- background: white;
- padding: 32px 0;
- }
-
- .footer-content {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .github-link {
- display: flex;
- align-items: center;
- gap: 8px;
- color: #4B5563;
- text-decoration: none;
- transition: color 0.2s;
- }
-
- .github-link:hover {
- color: #2563EB;
- }
-
- /* Responsive adjustments */
- @media (max-width: 768px) {
- .hero h1 {
- font-size: 36px;
- }
-
- .button-group {
- flex-direction: column;
- align-items: stretch;
- }
-
- .footer-content {
- flex-direction: column;
- gap: 16px;
- text-align: center;
- }
- }
- </style>
-</head>
-<body>
<header class="hero">
<div class="container">
<svg class="hero-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -303,5 +104,3 @@
});
});
</script>
-</body>
-</html>
\ No newline at end of file
------------------------------------------------------------
commit f028a98eb89c9af970f744997fef6c2a8ba07b21
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:47:47 2024 +0000
Updated style.css
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e69de29
------------------------------------------------------------
commit d44d1201c88b680c1ccc9376632bea6829be6892
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:46:23 2024 +0000
Updated index.scroll
diff --git a/index.scroll b/index.scroll
index 0ff6e81..65a8ee1 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,7 +1,11 @@
+baseUrl https://mighto.togger.com/
+openGraphImage og.png
title Mighto Health - Metabolic Health Screening and Self-Management
buildHtml
+metaTags
+
claude.html
------------------------------------------------------------
commit d6ed0cc27620356aff08bebb8b28b1bcf4bd02a2
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:45:22 2024 +0000
Updated index.scroll
diff --git a/index.scroll b/index.scroll
index 8e7cd22..0ff6e81 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,2 +1,7 @@
+title Mighto Health - Metabolic Health Screening and Self-Management
+
buildHtml
+
+
+
claude.html
------------------------------------------------------------
commit f6e40ffadfac1b3d3400e1e3a8a7c42d578808a9
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:44:05 2024 +0000
Updated index.scroll
diff --git a/index.scroll b/index.scroll
index 4442ed6..8e7cd22 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,4 +1,2 @@
buildHtml
-theme roboto
-
-Hello World my name is
\ No newline at end of file
+claude.html
------------------------------------------------------------
commit 109fd2e7aaebd7a396c991699e4330565891779e
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:44:01 2024 +0000
Updated claude.html
diff --git a/claude.html b/claude.html
index e69de29..9ece6ce 100644
--- a/claude.html
+++ b/claude.html
@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Metabolic Health Resource</title>
+ <style>
+ /* Reset and base styles */
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ }
+
+ /* Layout */
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 24px;
+ }
+
+ /* Header styles */
+ .hero {
+ background: linear-gradient(180deg, #EFF6FF 0%, #FFFFFF 100%);
+ padding: 64px 0;
+ text-align: center;
+ }
+
+ .hero-icon {
+ width: 48px;
+ height: 48px;
+ margin-bottom: 16px;
+ }
+
+ .hero h1 {
+ font-size: 48px;
+ font-weight: bold;
+ margin-bottom: 16px;
+ color: #111827;
+ }
+
+ .hero p {
+ font-size: 20px;
+ color: #4B5563;
+ margin-bottom: 32px;
+ }
+
+ /* Button styles */
+ .button-group {
+ display: flex;
+ gap: 16px;
+ justify-content: center;
+ }
+
+ .button {
+ padding: 12px 24px;
+ border-radius: 8px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s;
+ }
+
+ .button-primary {
+ background: #2563EB;
+ color: white;
+ border: none;
+ }
+
+ .button-primary:hover {
+ background: #1D4ED8;
+ }
+
+ .button-secondary {
+ background: white;
+ color: #2563EB;
+ border: 1px solid #2563EB;
+ }
+
+ .button-secondary:hover {
+ background: #EFF6FF;
+ }
+
+ /* Features grid */
+ .features {
+ padding: 64px 0;
+ }
+
+ .features-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 32px;
+ margin-top: 32px;
+ }
+
+ .feature-card {
+ background: white;
+ padding: 24px;
+ border-radius: 12px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ transition: box-shadow 0.2s;
+ }
+
+ .feature-card:hover {
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ }
+
+ .feature-icon {
+ width: 32px;
+ height: 32px;
+ margin-bottom: 16px;
+ color: #2563EB;
+ }
+
+ .feature-card h3 {
+ font-size: 20px;
+ margin-bottom: 8px;
+ }
+
+ /* Technical section */
+ .technical {
+ background: #EFF6FF;
+ padding: 64px 0;
+ }
+
+ .technical h2 {
+ font-size: 32px;
+ text-align: center;
+ margin-bottom: 48px;
+ }
+
+ .technical-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 32px;
+ }
+
+ .technical-item {
+ display: flex;
+ gap: 16px;
+ }
+
+ .technical-icon {
+ width: 24px;
+ height: 24px;
+ flex-shrink: 0;
+ margin-top: 4px;
+ color: #2563EB;
+ }
+
+ /* Footer */
+ .footer {
+ background: white;
+ padding: 32px 0;
+ }
+
+ .footer-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .github-link {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: #4B5563;
+ text-decoration: none;
+ transition: color 0.2s;
+ }
+
+ .github-link:hover {
+ color: #2563EB;
+ }
+
+ /* Responsive adjustments */
+ @media (max-width: 768px) {
+ .hero h1 {
+ font-size: 36px;
+ }
+
+ .button-group {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .footer-content {
+ flex-direction: column;
+ gap: 16px;
+ text-align: center;
+ }
+ }
+ </style>
+</head>
+<body>
+ <header class="hero">
+ <div class="container">
+ <svg class="hero-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
+ </svg>
+ <h1>Take Control of Your Metabolic Health</h1>
+ <p>Screen your metabolic health status and access personalized self-management resources</p>
+ <div class="button-group">
+ <button class="button button-primary">Screen Now</button>
+ <button class="button button-secondary">Learn More</button>
+ </div>
+ </div>
+ </header>
+
+ <section class="features">
+ <div class="container">
+ <div class="features-grid">
+ <div class="feature-card">
+ <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <path d="M18 20V10M12 20V4M6 20v-6"/>
+ </svg>
+ <h3>Metabolic Health Screening</h3>
+ <p>Get your personalized metabolic health score with detailed insights and recommendations</p>
+ </div>
+ <div class="feature-card">
+ <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
+ <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
+ </svg>
+ <h3>Self-Management Resources</h3>
+ <p>Access comprehensive education and monitoring tools to improve your metabolic health</p>
+ </div>
+ <div class="feature-card">
+ <svg class="feature-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
+ <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+ </svg>
+ <h3>Private & Secure</h3>
+ <p>Your health data stays on your device - no account needed</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="technical">
+ <div class="container">
+ <h2>Built for Privacy & Accessibility</h2>
+ <div class="technical-grid">
+ <div class="technical-item">
+ <svg class="technical-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <circle cx="12" cy="12" r="10"/>
+ <line x1="4.93" y1="4.93" x2="19.07" y2="19.07"/>
+ </svg>
+ <div>
+ <h3>Local-First Design</h3>
+ <p>Works entirely in your browser - no data ever leaves your device</p>
+ </div>
+ </div>
+ <div class="technical-item">
+ <svg class="technical-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <circle cx="18" cy="5" r="3"/>
+ <circle cx="6" cy="12" r="3"/>
+ <circle cx="18" cy="19" r="3"/>
+ <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/>
+ <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
+ </svg>
+ <div>
+ <h3>Optional Research Contribution</h3>
+ <p>Choose to share your data with research organizations</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <footer class="footer">
+ <div class="container">
+ <div class="footer-content">
+ <p>Public Domain</p>
+ <a href="https://github.com" class="github-link">
+ <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+ <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/>
+ </svg>
+ View on GitHub
+ </a>
+ </div>
+ </div>
+ </footer>
+
+ <script>
+ // Add smooth scrolling for "Learn More" button
+ document.querySelector('.button-secondary').addEventListener('click', () => {
+ document.querySelector('.features').scrollIntoView({ behavior: 'smooth' });
+ });
+
+ // Add hover effects for feature cards
+ document.querySelectorAll('.feature-card').forEach(card => {
+ card.addEventListener('mouseenter', () => {
+ card.style.transform = 'translateY(-4px)';
+ });
+ card.addEventListener('mouseleave', () => {
+ card.style.transform = 'translateY(0)';
+ });
+ });
+ </script>
+</body>
+</html>
\ No newline at end of file
------------------------------------------------------------
commit 810783a45b30fe1f061b12889ab0dc24ffa4a254
Author: ffff:66.75.90.209 <ffff:66.75.90.209@hub.scroll.pub>
Date: Tue Oct 29 15:43:58 2024 +0000
Updated claude.html
diff --git a/claude.html b/claude.html
new file mode 100644
index 0000000..e69de29