Last 10 Commits for mito1.powerhouse.wiki

commit eb703c7702ac5c6cb6f2e349a7083284ca9afbdb Author: root <root@hub.scroll.pub> Date: 2025-01-15 00:51:28 +0000 Subject: Initial commit diff --git a/.log.txt b/.log.txt new file mode 100644 index 0000000..9a930e3 --- /dev/null +++ b/.log.txt @@ -0,0 +1,13 @@ +read mito1.powerhouse.wiki https://hub.scroll.pub/edit.html?folderName=mito1.powerhouse.wiki&command=showWelcomeMessageCommand 1736902283976 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://hub.scroll.pub/ls.json?folderName=mito1.powerhouse.wiki 1736902284264 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://hub.scroll.pub/readFile.htm?folderName=mito1.powerhouse.wiki&filePath=mito1.powerhouse.wiki%2Findex.scroll 1736902284283 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/index.html 1736902284397 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/index.html 1736902284407 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/script.js 1736902284424 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/style.css 1736902284425 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/script.js 1736902284488 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/style.css 1736902284488 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/index.html 1736902286659 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/style.css 1736902286716 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/script.js 1736902286720 ::ffff:12.186.22.250 0.0 304 Chrome.131 MacOSX.10.15.7 +read mito1.powerhouse.wiki https://mito1.powerhouse.wiki/favicon.ico 1736902286870 ::ffff:12.186.22.250 0.0 200 Chrome.131 MacOSX.10.15.7 diff --git a/.stats.json b/.stats.json new file mode 100644 index 0000000..3bd0a21 --- /dev/null +++ b/.stats.json @@ -0,0 +1,54 @@ +{ + "files": { + "index.scroll": { + "versioned": true, + "file": "index.scroll", + "size": 2876, + "mtime": "2025-01-15T00:51:22.967Z", + "ctime": "2025-01-15T00:51:22.967Z" + }, + "readme.scroll": { + "versioned": true, + "file": "readme.scroll", + "size": 466, + "mtime": "2025-01-15T00:51:22.968Z", + "ctime": "2025-01-15T00:51:22.968Z" + }, + "script.js": { + "versioned": true, + "file": "script.js", + "size": 428, + "mtime": "2025-01-15T00:51:22.968Z", + "ctime": "2025-01-15T00:51:22.968Z" + }, + "style.css": { + "versioned": true, + "file": "style.css", + "size": 2255, + "mtime": "2025-01-15T00:51:22.967Z", + "ctime": "2025-01-15T00:51:22.967Z" + }, + "prompt.json": { + "versioned": true, + "file": "prompt.json", + "size": 6480, + "mtime": "2025-01-15T00:51:22.969Z", + "ctime": "2025-01-15T00:51:22.969Z" + } + }, + "hasSslCert": { + "cert": "-----BEGIN CERTIFICATE-----\nMIIDlDCCAxqgAwIBAgISBNWI+IEzTjLNYR1lNyi19GnQMAoGCCqGSM49BAMDMDIx\nCzAJBgNVBAYTAlVTMRYwFAYDVQQKEw1MZXQncyBFbmNyeXB0MQswCQYDVQQDEwJF\nNjAeFw0yNTAxMTQxNzI0MTlaFw0yNTA0MTQxNzI0MThaMBoxGDAWBgNVBAMTD3Bv\nd2VyaG91c2Uud2lraTBZMBMGByqGSM49AgEGCCqGSM49AwEHA0IABHyI/bUvKjlo\n5n6FIgkjLcB345CQ2CVNqbRHKWLm1wXix7TVk0KG3iCZlio0KX7JtXXi6f2kln/F\nUV6mFtUPpxGjggImMIICIjAOBgNVHQ8BAf8EBAMCB4AwHQYDVR0lBBYwFAYIKwYB\nBQUHAwEGCCsGAQUFBwMCMAwGA1UdEwEB/wQCMAAwHQYDVR0OBBYEFMzGST8GI7wO\nInS8vfFJtep9++dTMB8GA1UdIwQYMBaAFJMnRpgDqVFojpjWxEJI2yO/WJTSMFUG\nCCsGAQUFBwEBBEkwRzAhBggrBgEFBQcwAYYVaHR0cDovL2U2Lm8ubGVuY3Iub3Jn\nMCIGCCsGAQUFBzAChhZodHRwOi8vZTYuaS5sZW5jci5vcmcvMC0GA1UdEQQmMCSC\nESoucG93ZXJob3VzZS53aWtpgg9wb3dlcmhvdXNlLndpa2kwEwYDVR0gBAwwCjAI\nBgZngQwBAgEwggEGBgorBgEEAdZ5AgQCBIH3BIH0APIAdwDm0jFjQHeMwRBBBtdx\nuc7B0kD2loSG+7qHMh39HjeOUAAAAZRmDdTJAAAEAwBIMEYCIQDCc1+tF2nITbyW\nghR07drF3NhwBjNu9axYJTv8CMeWeAIhAN89npVK2t/m0GJOhkzmnEsauQoNqpdA\nTczNy7BEsFQDAHcAE0rfGrWYQgl4DG/vTHqRpBa3I0nOWFdq367ap8Kr4CIAAAGU\nZg3VogAABAMASDBGAiEAzeU55r8OX5SfZJ0tNxy5jymUZY3hIsOMMxqLLxZOWZsC\nIQCg3ZOB0b+5cACYKm4KQR9l5oGc/i0SfTcbVZA8fItsnjAKBggqhkjOPQQDAwNo\nADBlAjBZzNO5p9xZMYnoY0nWFnFgGSWg/G++Sv1p91AP6qi2ruEpvzGHqhNrYs8i\n/giUD+oCMQDx4LqzjZ3dfmrDGt/FXVqnaq/baFphSdHWFarZV59KBgJG+cmz37pH\npPrHSrXR5oA=\n-----END CERTIFICATE-----\n-----BEGIN CERTIFICATE-----\nMIIEVzCCAj+gAwIBAgIRALBXPpFzlydw27SHyzpFKzgwDQYJKoZIhvcNAQELBQAw\nTzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh\ncmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMjQwMzEzMDAwMDAw\nWhcNMjcwMzEyMjM1OTU5WjAyMQswCQYDVQQGEwJVUzEWMBQGA1UEChMNTGV0J3Mg\nRW5jcnlwdDELMAkGA1UEAxMCRTYwdjAQBgcqhkjOPQIBBgUrgQQAIgNiAATZ8Z5G\nh/ghcWCoJuuj+rnq2h25EqfUJtlRFLFhfHWWvyILOR/VvtEKRqotPEoJhC6+QJVV\n6RlAN2Z17TJOdwRJ+HB7wxjnzvdxEP6sdNgA1O1tHHMWMxCcOrLqbGL0vbijgfgw\ngfUwDgYDVR0PAQH/BAQDAgGGMB0GA1UdJQQWMBQGCCsGAQUFBwMCBggrBgEFBQcD\nATASBgNVHRMBAf8ECDAGAQH/AgEAMB0GA1UdDgQWBBSTJ0aYA6lRaI6Y1sRCSNsj\nv1iU0jAfBgNVHSMEGDAWgBR5tFnme7bl5AFzgAiIyBpY9umbbjAyBggrBgEFBQcB\nAQQmMCQwIgYIKwYBBQUHMAKGFmh0dHA6Ly94MS5pLmxlbmNyLm9yZy8wEwYDVR0g\nBAwwCjAIBgZngQwBAgEwJwYDVR0fBCAwHjAcoBqgGIYWaHR0cDovL3gxLmMubGVu\nY3Iub3JnLzANBgkqhkiG9w0BAQsFAAOCAgEAfYt7SiA1sgWGCIpunk46r4AExIRc\nMxkKgUhNlrrv1B21hOaXN/5miE+LOTbrcmU/M9yvC6MVY730GNFoL8IhJ8j8vrOL\npMY22OP6baS1k9YMrtDTlwJHoGby04ThTUeBDksS9RiuHvicZqBedQdIF65pZuhp\neDcGBcLiYasQr/EO5gxxtLyTmgsHSOVSBcFOn9lgv7LECPq9i7mfH3mpxgrRKSxH\npOoZ0KXMcB+hHuvlklHntvcI0mMMQ0mhYj6qtMFStkF1RpCG3IPdIwpVCQqu8GV7\ns8ubknRzs+3C/Bm19RFOoiPpDkwvyNfvmQ14XkyqqKK5oZ8zhD32kFRQkxa8uZSu\nh4aTImFxknu39waBxIRXE4jKxlAmQc4QjFZoq1KmQqQg0J/1JF8RlFvJas1VcjLv\nYlvUB2t6npO6oQjB3l+PNf0DpQH7iUx3Wz5AjQCi6L25FjyE06q6BZ/QlmtYdl/8\nZYao4SRqPEs/6cAiF+Qf5zg2UkaWtDphl1LKMuTNLotvsX99HP69V2faNyegodQ0\nLyTApr/vT01YPE46vNsDLgK+4cL6TrzC/a4WcmF5SRJ938zrv/duJHLXQIku5v0+\nEwOy59Hdm0PT/Er/84dDV0CSjdR/2XuZM3kpysSKLgD1cKiDA+IRguODCxfO9cyY\nIg46v9mFmBvyH04=\n-----END CERTIFICATE-----\n", + "key": "-----BEGIN PRIVATE KEY-----\nMIGHAgEAMBMGByqGSM49AgEGCCqGSM49AwEHBG0wawIBAQQguwkCj73jUAyg+v0L\nKfbXXnNJCHF4q7v5Z/s32KQ/iCmhRANCAAR8iP21Lyo5aOZ+hSIJIy3Ad+OQkNgl\nTam0Ryli5tcF4se01ZNCht4gmZYqNCl+ybV14un9pJZ/xVFephbVD6cR\n-----END PRIVATE KEY-----\n" + }, + "scrollHubVersion": "0.81.0", + "stats": { + "folder": "mito1.powerhouse.wiki", + "folderLink": "https://mito1.powerhouse.wiki", + "created": "2025-01-15T00:51:23.000Z", + "revised": "2025-01-15T00:51:23.000Z", + "files": 5, + "mb": 1, + "revisions": 1, + "hash": "65d6f2b66d" + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..131309d --- /dev/null +++ b/index.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>The Powerhouse Wiki</title> + <script>/* This HTML was generated by 📜 Scroll v167.2.0. https://scroll.pub */</script> + <style>@media print {.doNotPrint {display: none !important;}}</style> + <link rel="canonical" href="https://mito.powerhouse.wiki/index.html"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <meta name="description" content=""> + + <meta name="generator" content="Scroll v167.2.0"> + <meta property="og:title" content="The Powerhouse Wiki"> + <meta property="og:description" content=""> + <meta property="og:image" content=""> + + <link rel="source" type="application/git" title="Source Code Repository" href="index.scroll"> + + <meta name="twitter:card" content="summary_large_image"> +</head> +<body> +<style>.abstractIconButtonParser {position:absolute;top:0.25rem; }.abstractIconButtonParser svg {fill: rgba(204,204,204,.8);width:1.875rem;height:1.875rem; padding: 0 7px;} .abstractIconButtonParser:hover svg{fill: #333;}</style><a href="/edit.html" class="doNotPrint abstractIconButtonParser" style="right:2rem;"><svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.1213 2.70705C19.9497 1.53548 18.0503 1.53547 16.8787 2.70705L15.1989 4.38685L7.29289 12.2928C7.16473 12.421 7.07382 12.5816 7.02986 12.7574L6.02986 16.7574C5.94466 17.0982 6.04451 17.4587 6.29289 17.707C6.54127 17.9554 6.90176 18.0553 7.24254 17.9701L11.2425 16.9701C11.4184 16.9261 11.5789 16.8352 11.7071 16.707L19.5556 8.85857L21.2929 7.12126C22.4645 5.94969 22.4645 4.05019 21.2929 2.87862L21.1213 2.70705ZM18.2929 4.12126C18.6834 3.73074 19.3166 3.73074 19.7071 4.12126L19.8787 4.29283C20.2692 4.68336 20.2692 5.31653 19.8787 5.70705L18.8622 6.72357L17.3068 5.10738L18.2929 4.12126ZM15.8923 6.52185L17.4477 8.13804L10.4888 15.097L8.37437 15.6256L8.90296 13.5112L15.8923 6.52185ZM4 7.99994C4 7.44766 4.44772 6.99994 5 6.99994H10C10.5523 6.99994 11 6.55223 11 5.99994C11 5.44766 10.5523 4.99994 10 4.99994H5C3.34315 4.99994 2 6.34309 2 7.99994V18.9999C2 20.6568 3.34315 21.9999 5 21.9999H16C17.6569 21.9999 19 20.6568 19 18.9999V13.9999C19 13.4477 18.5523 12.9999 18 12.9999C17.4477 12.9999 17 13.4477 17 13.9999V18.9999C17 19.5522 16.5523 19.9999 16 19.9999H5C4.44772 19.9999 4 19.5522 4 18.9999V7.99994Z"/></svg></a> +<link rel="stylesheet" type="text/css" href="style.css"> +<header id="particle6" class="hero"><nav id="particle1" ><div id="particle0" class="logo">Powerhouse Wiki</div> +<div id="particle1" class="nav-links"><a id="particle1" href="#explore" >Explore</a> +<a id="particle2" href="#contribute" >Contribute</a> +<a id="particle3" href="#resources" >Resources</a> +<a id="particle4" href="#join" class="cta-button">Join</a></div></nav> +<div id="particle2" class="hero-content"><h1 id="particle1" >Welcome to the Powerhouse Wiki</h1> +<p id="particle2" class="scrollParagraph">Your gateway to the fascinating world of mitochondria. Explore databases, blogs, PDF archives, and more.</p> +<a id="particle3" href="#explore" class="primary-button">Get Started</a></div></header> +<main id="particle7" ><section id="explore" class="explore"><h2 id="particle2" >Explore the Powerhouse</h2> +<div id="particle3" class="explore-grid"><div id="particle1" class="explore-card"><div id="particle1" class="explore-icon">🧬</div> +<h3 id="particle2" >Databases</h3> +<p id="particle3" class="scrollParagraph">Dive into curated mitochondrial databases.</p></div> +<div id="particle2" class="explore-card"><div id="particle1" class="explore-icon">📚</div> +<h3 id="particle2" >Blogs</h3> +<p id="particle3" class="scrollParagraph">Read the latest mitochondrial research.</p></div> +<div id="particle3" class="explore-card"><div id="particle1" class="explore-icon">📂</div> +<h3 id="particle2" >Archives</h3> +<p id="particle3" class="scrollParagraph">Access a wealth of PDF archives.</p></div> +<div id="particle4" class="explore-card"><div id="particle1" class="explore-icon">🎥</div> +<h3 id="particle2" >Videos</h3> +<p id="particle3" class="scrollParagraph">Watch insightful mitochondrial videos.</p></div></div></section> +<section id="contribute" class="contribute"><h2 id="particle2" >Contribute to the Powerhouse</h2> +<div id="particle3" class="contribute-grid"><div id="particle1" class="contribute-card"><div id="particle1" class="contribute-icon">🖋️</div> +<h3 id="particle2" >Write</h3> +<p id="particle3" class="scrollParagraph">Share your knowledge and insights.</p></div> +<div id="particle2" class="contribute-card"><div id="particle1" class="contribute-icon">📊</div> +<h3 id="particle2" >Data</h3> +<p id="particle3" class="scrollParagraph">Contribute to our growing databases.</p></div> +<div id="particle3" class="contribute-card"><div id="particle1" class="contribute-icon">🎨</div> +<h3 id="particle2" >Design</h3> +<p id="particle3" class="scrollParagraph">Help improve the wiki's design.</p></div> +<div id="particle4" class="contribute-card"><div id="particle1" class="contribute-icon">🔗</div> +<h3 id="particle2" >Links</h3> +<p id="particle3" class="scrollParagraph">Add valuable resources and links.</p></div></div></section> +<section id="resources" class="resources"><h2 id="particle2" >Resources</h2> +<div id="particle3" class="resources-grid"><div id="particle1" class="resources-card"><div id="particle1" class="resources-icon">🧪</div> +<h3 id="particle2" >Labs</h3> +<p id="particle3" class="scrollParagraph">Connect with leading mitochondrial labs.</p></div> +<div id="particle2" class="resources-card"><div id="particle1" class="resources-icon">🔬</div> +<h3 id="particle2" >Equipment</h3> +<p id="particle3" class="scrollParagraph">Discover essential mitochondrial equipment.</p></div> +<div id="particle3" class="resources-card"><div id="particle1" class="resources-icon">🖼️</div> +<h3 id="particle2" >Images</h3> +<p id="particle3" class="scrollParagraph">Explore mitochondrial image databases.</p></div> +<div id="particle4" class="resources-card"><div id="particle1" class="resources-icon">📖</div> +<h3 id="particle2" >Research</h3> +<p id="particle3" class="scrollParagraph">Access groundbreaking mitochondrial research.</p></div></div></section> +<section id="join" class="join"><h2 id="particle2" >Join the Powerhouse Community</h2> +<div id="particle3" class="join-content"></div> +<p id="particle4" class="scrollParagraph">Become part of a vibrant community dedicated to mitochondrial research and discovery.</p> +<a id="particle5" href="#join" class="primary-button">Join Now</a></section></main> +<footer id="particle8" ><div id="particle0" class="footer-content"><div id="particle1" class="footer-links"><a id="particle1" href="#about" >About</a> +<a id="particle2" href="#contact" >Contact</a> +<a id="particle3" href="#privacy" >Privacy</a></div> +<p id="particle2" class="scrollParagraph">Dedicated to advancing mitochondrial knowledge.</p></div></footer> +<script src="script.js"></script> +</body> +</html> \ No newline at end of file diff --git a/index.scroll b/index.scroll index e7d3f37..d441101 100644 --- a/index.scroll +++ b/index.scroll @@ -2,142 +2,129 @@ buildHtml baseUrl https://mito.powerhouse.wiki metaTags editButton /edit.html -title The Powerhouse Wiki +title The Mitochondria Knowledge Hub | Powerhouse Wiki style.css header - class hero - nav - div Powerhouse Wiki - class logo - div - class nav-links - a Explore - href #explore - a Contribute - href #contribute - a Resources - href #resources - a Join - class cta-button - href #join + class hero-section + div + class nav-wrapper + nav + a + class logo + href / + span MITO + class highlight + span WIKI + div + class nav-links + a Research + href #research + a Resources + href #resources + a Community + href #community + a Contribute + class cta-button + href /contribute div class hero-content - h1 Welcome to the Powerhouse Wiki - p Your gateway to the fascinating world of mitochondria. Explore databases, blogs, PDF archives, and more. - a Get Started - class primary-button - href #explore + h1 Explore the Powerhouse of the Cell + p Discover the fascinating world of mitochondria through our comprehensive knowledge hub + div + class hero-buttons + a Dive In + class primary-button + href #explore + a Join Community + class secondary-button + href #community main section id explore - class explore - h2 Explore the Powerhouse + class features-grid div - class explore-grid - div - class explore-card - div 🧬 - class explore-icon - h3 Databases - p Dive into curated mitochondrial databases. - div - class explore-card - div 📚 - class explore-icon - h3 Blogs - p Read the latest mitochondrial research. - div - class explore-card - div 📂 - class explore-icon - h3 Archives - p Access a wealth of PDF archives. - div - class explore-card - div 🎥 - class explore-icon - h3 Videos - p Watch insightful mitochondrial videos. + class feature-card + span 🧬 + h3 Databases + p Access comprehensive mitochondrial databases, gene sequences, and research data + div + class feature-card + span 📚 + h3 Literature + p Browse through curated research papers, articles, and publications + div + class feature-card + span 🔬 + h3 Research + p Connect with leading laboratories and ongoing research projects + div + class feature-card + span 🎯 + h3 Resources + p Find equipment guides, protocols, and methodology references section - id contribute - class contribute - h2 Contribute to the Powerhouse + id resources + class resources-section + h2 Knowledge Base div - class contribute-grid + class resource-grid div - class contribute-card - div 🖋️ - class contribute-icon - h3 Write - p Share your knowledge and insights. + class resource-item + h3 Image Gallery + p Extensive collection of microscopy images and visualizations + a Explore Images + class link-button + href /gallery div - class contribute-card - div 📊 - class contribute-icon - h3 Data - p Contribute to our growing databases. + class resource-item + h3 Video Library + p Educational content and research footage + a Watch Videos + class link-button + href /videos div - class contribute-card - div 🎨 - class contribute-icon - h3 Design - p Help improve the wiki's design. + class resource-item + h3 Research Papers + p Latest publications and historical archives + a Read Papers + class link-button + href /papers div - class contribute-card - div 🔗 - class contribute-icon - h3 Links - p Add valuable resources and links. + class resource-item + h3 Tools & Software + p Analysis tools and research software + a View Tools + class link-button + href /tools section - id resources - class resources - h2 Resources + id community + class community-section + h2 Join Our Community + p Connect with researchers, students, and enthusiasts worldwide div - class resources-grid - div - class resources-card - div 🧪 - class resources-icon - h3 Labs - p Connect with leading mitochondrial labs. + class community-grid div - class resources-card - div 🔬 - class resources-icon - h3 Equipment - p Discover essential mitochondrial equipment. + class community-card + h3 Forums + p Engage in discussions div - class resources-card - div 🖼️ - class resources-icon - h3 Images - p Explore mitochondrial image databases. + class community-card + h3 Contribute + p Share your knowledge div - class resources-card - div 📖 - class resources-icon - h3 Research - p Access groundbreaking mitochondrial research. - section - id join - class join - h2 Join the Powerhouse Community - div - class join-content - p Become part of a vibrant community dedicated to mitochondrial research and discovery. - a Join Now - class primary-button - href #join + class community-card + h3 Collaborate + p Find research partners footer div class footer-content div class footer-links a About - href #about + href /about a Contact - href #contact - a Privacy - href #privacy - p Dedicated to advancing mitochondrial knowledge. -script.js \ No newline at end of file + href /contact + a Guidelines + href /guidelines + p Made with 💚 by the mitochondria research community +script.js diff --git a/prompt.json b/prompt.json index 097373f..d57d7e5 100644 --- a/prompt.json +++ b/prompt.json @@ -1,25 +1,20 @@ { - "id": "cd23dd81-dc70-48fe-8ea1-79f4d386a9b2", - "object": "chat.completion", - "created": 1736902255, - "model": "deepseek-chat", - "choices": [ + "id": "msg_01XpzAyeRuEfSHKYR6nMmn3R", + "type": "message", + "role": "assistant", + "model": "claude-3-5-sonnet-20241022", + "content": [ { - "index": 0, - "message": { - "role": "assistant", - "content": "---domain---\nmito.powerhouse.wiki\n---index.scroll---\nbuildHtml\nbaseUrl https://mito.powerhouse.wiki\nmetaTags\neditButton /edit.html\ntitle The Powerhouse Wiki\nstyle.css\nheader\n class hero\n nav\n div Powerhouse Wiki\n class logo\n div\n class nav-links\n a Explore\n href #explore\n a Contribute\n href #contribute\n a Resources\n href #resources\n a Join\n class cta-button\n href #join\n div\n class hero-content\n h1 Welcome to the Powerhouse Wiki\n p Your gateway to the fascinating world of mitochondria. Explore databases, blogs, PDF archives, and more.\n a Get Started\n class primary-button\n href #explore\nmain\n section\n id explore\n class explore\n h2 Explore the Powerhouse\n div\n class explore-grid\n div\n class explore-card\n div 🧬\n class explore-icon\n h3 Databases\n p Dive into curated mitochondrial databases.\n div\n class explore-card\n div 📚\n class explore-icon\n h3 Blogs\n p Read the latest mitochondrial research.\n div\n class explore-card\n div 📂\n class explore-icon\n h3 Archives\n p Access a wealth of PDF archives.\n div\n class explore-card\n div 🎥\n class explore-icon\n h3 Videos\n p Watch insightful mitochondrial videos.\n section\n id contribute\n class contribute\n h2 Contribute to the Powerhouse\n div\n class contribute-grid\n div\n class contribute-card\n div 🖋️\n class contribute-icon\n h3 Write\n p Share your knowledge and insights.\n div\n class contribute-card\n div 📊\n class contribute-icon\n h3 Data\n p Contribute to our growing databases.\n div\n class contribute-card\n div 🎨\n class contribute-icon\n h3 Design\n p Help improve the wiki's design.\n div\n class contribute-card\n div 🔗\n class contribute-icon\n h3 Links\n p Add valuable resources and links.\n section\n id resources\n class resources\n h2 Resources\n div\n class resources-grid\n div\n class resources-card\n div 🧪\n class resources-icon\n h3 Labs\n p Connect with leading mitochondrial labs.\n div\n class resources-card\n div 🔬\n class resources-icon\n h3 Equipment\n p Discover essential mitochondrial equipment.\n div\n class resources-card\n div 🖼️\n class resources-icon\n h3 Images\n p Explore mitochondrial image databases.\n div\n class resources-card\n div 📖\n class resources-icon\n h3 Research\n p Access groundbreaking mitochondrial research.\n section\n id join\n class join\n h2 Join the Powerhouse Community\n div\n class join-content\n p Become part of a vibrant community dedicated to mitochondrial research and discovery.\n a Join Now\n class primary-button\n href #join\nfooter\n div\n class footer-content\n div\n class footer-links\n a About\n href #about\n a Contact\n href #contact\n a Privacy\n href #privacy\n p Dedicated to advancing mitochondrial knowledge.\nscript.js\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n color: #333;\n background-color: #f4f4f4;\n}\n\n.hero {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n color: white;\n padding: 60px 20px;\n text-align: center;\n}\n\n.hero-content h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n}\n\n.hero-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.primary-button {\n background-color: #ff6f61;\n color: white;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n}\n\n.nav-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n}\n\n.cta-button {\n background-color: #ff6f61;\n color: white;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n}\n\n.explore-grid, .contribute-grid, .resources-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n padding: 40px 20px;\n}\n\n.explore-card, .contribute-card, .resources-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.explore-icon, .contribute-icon, .resources-icon {\n font-size: 2rem;\n margin-bottom: 10px;\n}\n\n.explore-card h3, .contribute-card h3, .resources-card h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n}\n\n.explore-card p, .contribute-card p, .resources-card p {\n font-size: 1rem;\n color: #666;\n}\n\n.join {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n color: white;\n padding: 60px 20px;\n text-align: center;\n}\n\n.join-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.footer-content {\n background: #333;\n color: white;\n padding: 20px;\n text-align: center;\n}\n\n.footer-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.footer-links a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n}\n\n@media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2rem;\n }\n\n .hero-content p {\n font-size: 1rem;\n }\n\n .nav-links {\n flex-direction: column;\n gap: 10px;\n }\n\n .explore-grid, .contribute-grid, .resources-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const navLinks = document.querySelectorAll('.nav-links a');\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetSection = document.getElementById(targetId);\n targetSection.scrollIntoView({ behavior: 'smooth' });\n });\n });\n});\n---end---" - }, - "logprobs": null, - "finish_reason": "stop" + "type": "text", + "text": "I'll help create a landing page for the mitochondria wiki. For the domain, I suggest:\n\n---domain---\nmito.powerhouse.wiki\n\n---index.scroll---\nbuildHtml\nbaseUrl https://mito.powerhouse.wiki\nmetaTags\neditButton /edit.html\ntitle The Mitochondria Knowledge Hub | Powerhouse Wiki\nstyle.css\nheader\n class hero-section\n div\n class nav-wrapper\n nav\n a\n class logo\n href /\n span MITO\n class highlight\n span WIKI\n div\n class nav-links\n a Research\n href #research\n a Resources\n href #resources\n a Community\n href #community\n a Contribute\n class cta-button\n href /contribute\n div\n class hero-content\n h1 Explore the Powerhouse of the Cell\n p Discover the fascinating world of mitochondria through our comprehensive knowledge hub\n div\n class hero-buttons\n a Dive In\n class primary-button\n href #explore\n a Join Community\n class secondary-button\n href #community\nmain\n section\n id explore\n class features-grid\n div\n class feature-card\n span 🧬\n h3 Databases\n p Access comprehensive mitochondrial databases, gene sequences, and research data\n div\n class feature-card\n span 📚\n h3 Literature\n p Browse through curated research papers, articles, and publications\n div\n class feature-card\n span 🔬\n h3 Research\n p Connect with leading laboratories and ongoing research projects\n div\n class feature-card\n span 🎯\n h3 Resources\n p Find equipment guides, protocols, and methodology references\n section\n id resources\n class resources-section\n h2 Knowledge Base\n div\n class resource-grid\n div\n class resource-item\n h3 Image Gallery\n p Extensive collection of microscopy images and visualizations\n a Explore Images\n class link-button\n href /gallery\n div\n class resource-item\n h3 Video Library\n p Educational content and research footage\n a Watch Videos\n class link-button\n href /videos\n div\n class resource-item\n h3 Research Papers\n p Latest publications and historical archives\n a Read Papers\n class link-button\n href /papers\n div\n class resource-item\n h3 Tools & Software\n p Analysis tools and research software\n a View Tools\n class link-button\n href /tools\n section\n id community\n class community-section\n h2 Join Our Community\n p Connect with researchers, students, and enthusiasts worldwide\n div\n class community-grid\n div\n class community-card\n h3 Forums\n p Engage in discussions\n div\n class community-card\n h3 Contribute\n p Share your knowledge\n div\n class community-card\n h3 Collaborate\n p Find research partners\nfooter\n div\n class footer-content\n div\n class footer-links\n a About\n href /about\n a Contact\n href /contact\n a Guidelines\n href /guidelines\n p Made with 💚 by the mitochondria research community\nscript.js\n\n---style.css---\n:root {\n --primary-color: #2ecc71;\n --secondary-color: #27ae60;\n --text-color: #2c3e50;\n --bg-color: #f9fafb;\n --card-bg: #ffffff;\n --accent-color: #e74c3c;\n --transition: all 0.3s ease;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--text-color);\n line-height: 1.6;\n background: var(--bg-color);\n}\n\n.hero-section {\n background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);\n min-height: 100vh;\n color: white;\n position: relative;\n overflow: hidden;\n}\n\n.hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\"><path fill=\"%23ffffff10\" d=\"M45,-78.1C58.3,-71.3,69,-58.7,77.6,-44.4C86.2,-30.1,92.7,-15.1,93.1,0.2C93.4,15.5,87.6,31,78.4,43.9C69.2,56.8,56.6,67.1,42.4,74.7C28.2,82.3,14.1,87.1,-0.7,88.3C-15.5,89.5,-31,87,-45.1,80.1C-59.2,73.2,-71.9,61.9,-79.6,47.6C-87.3,33.3,-90,16.7,-89.1,0.5C-88.2,-15.7,-83.8,-31.3,-75.7,-45.2C-67.6,-59.1,-55.8,-71.2,-42,-77.6C-28.2,-84,-14.1,-84.7,1.3,-87C16.7,-89.3,33.3,-93.2,45,-78.1Z\" transform=\"translate(100 100)\"/></svg>') no-repeat center center;\n opacity: 0.1;\n animation: float 20s infinite linear;\n}\n\n@keyframes float {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.nav-wrapper {\n padding: 2rem 5%;\n}\n\nnav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.logo {\n font-size: 1.5rem;\n font-weight: 800;\n text-decoration: none;\n color: white;\n}\n\n.highlight {\n color: var(--accent-color);\n}\n\n.nav-links {\n display: flex;\n gap: 2rem;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n font-weight: 500;\n transition: var(--transition);\n}\n\n.nav-links a:hover {\n opacity: 0.8;\n}\n\n.cta-button {\n background: var(--accent-color);\n padding: 0.5rem 1.5rem;\n border-radius: 25px;\n font-weight: 600;\n}\n\n.hero-content {\n max-width: 800px;\n margin: 8rem auto 0;\n text-align: center;\n padding: 0 2rem;\n}\n\n.hero-content h1 {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n}\n\n.hero-buttons {\n display: flex;\n gap: 1rem;\n justify-content: center;\n margin-top: 2rem;\n}\n\n.primary-button, .secondary-button {\n padding: 1rem 2rem;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n transition: var(--transition);\n}\n\n.primary-button {\n background: var(--accent-color);\n color: white;\n}\n\n.secondary-button {\n background: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: -100px auto 0;\n padding: 2rem;\n position: relative;\n}\n\n.feature-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n text-align: center;\n transition: var(--transition);\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n}\n\n.feature-card span {\n font-size: 3rem;\n}\n\n.resources-section, .community-section {\n padding: 5rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.resource-grid, .community-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n}\n\n.resource-item, .community-card {\n background: var(--card-bg);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: var(--transition);\n}\n\n.resource-item:hover, .community-card:hover {\n transform: translateY(-5px);\n}\n\n.link-button {\n display: inline-block;\n margin-top: 1rem;\n color: var(--primary-color);\n text-decoration: none;\n font-weight: 600;\n}\n\nfooter {\n background: var(--text-color);\n color: white;\n padding: 3rem 2rem;\n}\n\n.footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n}\n\n.footer-links {\n display: flex;\n gap: 2rem;\n}\n\n.footer-links a {\n color: white;\n text-decoration: none;\n}\n\n@media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2.5rem;\n }\n \n .nav-links {\n display: none;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n // Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n\n // Add parallax effect to hero section\n const hero = document.querySelector('.hero-section');\n window.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n hero.style.transform = `translateY(${scrolled * 0.5}px)`;\n });\n\n // Animate cards on scroll\n const cards = document.querySelectorAll('.feature-card, .resource-item, .community-card');\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n },\n { threshold: 0.1 }\n );\n\n cards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'all 0.6s ease-out';\n observer.observe(card);\n });\n});\n\n---end---\n\nThis design features:\n1. A stunning hero section with gradient background and subtle animated pattern\n2. Modern card-based layout for features and resources\n3. Smooth animations and transitions\n4. Fully responsive design\n5. Accessible navigation and structure\n6. Clean, semantic HTML using Scroll syntax\n7. Advanced CSS with custom properties, gradients, and animations\n8. Interactive elements with JavaScript for smooth scrolling and parallax effects\n\nThe color scheme focuses on greens to represent the biological nature of mitochondria, with red accents for energy/power representation. The layout is clean and professional while maintaining visual interest through subtle animations and modern design elements." } ], + "stop_reason": "end_turn", + "stop_sequence": null, "usage": { - "prompt_tokens": 799, - "completion_tokens": 1637, - "total_tokens": 2436, - "prompt_cache_hit_tokens": 0, - "prompt_cache_miss_tokens": 799 - }, - "system_fingerprint": "fp_3a5770e1b4" + "input_tokens": 906, + "cache_creation_input_tokens": 0, + "cache_read_input_tokens": 0, + "output_tokens": 3233 + } } \ No newline at end of file diff --git a/readme.scroll b/readme.scroll index 31f4b4c..e6193e9 100644 --- a/readme.scroll +++ b/readme.scroll @@ -1,3 +1,3 @@ # mito1.powerhouse.wiki -website generated by DeepSeek from prompt: give me a beautiful landing page for the powerhouse.wiki. the powerhouse wiki will be a collection of folders/sites focused on all things mitochondria. databases, blogs, pdf archives, etc. whatever people want to make. it will have links to videos, researchers, labs, equipment, image databases, etc. lots of subdomains. make it a beautiful landing page, that gets people excited about mitochondria \ No newline at end of file +website generated by Claude from prompt: give me a beautiful landing page for the powerhouse.wiki. the powerhouse wiki will be a collection of folders/sites focused on all things mitochondria. databases, blogs, pdf archives, etc. whatever people want to make. it will have links to videos, researchers, labs, equipment, image databases, etc. lots of subdomains. make it a beautiful landing page, that gets people excited about mitochondria \ No newline at end of file diff --git a/script.js b/script.js index 8833d81..252e1e2 100644 --- a/script.js +++ b/script.js @@ -1,11 +1,39 @@ -document.addEventListener('DOMContentLoaded', function() { - const navLinks = document.querySelectorAll('.nav-links a'); - navLinks.forEach(link => { - link.addEventListener('click', function(e) { - e.preventDefault(); - const targetId = this.getAttribute('href').substring(1); - const targetSection = document.getElementById(targetId); - targetSection.scrollIntoView({ behavior: 'smooth' }); +document.addEventListener('DOMContentLoaded', () => { + // Smooth scroll for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); }); - }); -}); \ No newline at end of file + + // Add parallax effect to hero section + const hero = document.querySelector('.hero-section'); + window.addEventListener('scroll', () => { + const scrolled = window.pageYOffset; + hero.style.transform = `translateY(${scrolled * 0.5}px)`; + }); + + // Animate cards on scroll + const cards = document.querySelectorAll('.feature-card, .resource-item, .community-card'); + const observer = new IntersectionObserver( + (entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.style.opacity = '1'; + entry.target.style.transform = 'translateY(0)'; + } + }); + }, + { threshold: 0.1 } + ); + + cards.forEach(card => { + card.style.opacity = '0'; + card.style.transform = 'translateY(20px)'; + card.style.transition = 'all 0.6s ease-out'; + observer.observe(card); + }); +}); diff --git a/style.css b/style.css index 2937bde..14b4d73 100644 --- a/style.css +++ b/style.css @@ -1,136 +1,231 @@ +:root { + --primary-color: #2ecc71; + --secondary-color: #27ae60; + --text-color: #2c3e50; + --bg-color: #f9fafb; + --card-bg: #ffffff; + --accent-color: #e74c3c; + --transition: all 0.3s ease; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + body { - font-family: 'Arial', sans-serif; - margin: 0; - padding: 0; - color: #333; - background-color: #f4f4f4; + font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; + color: var(--text-color); + line-height: 1.6; + background: var(--bg-color); } -.hero { - background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); - color: white; - padding: 60px 20px; - text-align: center; +.hero-section { + background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%); + min-height: 100vh; + color: white; + position: relative; + overflow: hidden; } -.hero-content h1 { - font-size: 3rem; - margin-bottom: 20px; +.hero-section::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="%23ffffff10" d="M45,-78.1C58.3,-71.3,69,-58.7,77.6,-44.4C86.2,-30.1,92.7,-15.1,93.1,0.2C93.4,15.5,87.6,31,78.4,43.9C69.2,56.8,56.6,67.1,42.4,74.7C28.2,82.3,14.1,87.1,-0.7,88.3C-15.5,89.5,-31,87,-45.1,80.1C-59.2,73.2,-71.9,61.9,-79.6,47.6C-87.3,33.3,-90,16.7,-89.1,0.5C-88.2,-15.7,-83.8,-31.3,-75.7,-45.2C-67.6,-59.1,-55.8,-71.2,-42,-77.6C-28.2,-84,-14.1,-84.7,1.3,-87C16.7,-89.3,33.3,-93.2,45,-78.1Z" transform="translate(100 100)"/></svg>') no-repeat center center; + opacity: 0.1; + animation: float 20s infinite linear; } -.hero-content p { - font-size: 1.2rem; - margin-bottom: 30px; +@keyframes float { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } -.primary-button { - background-color: #ff6f61; - color: white; - padding: 10px 20px; - text-decoration: none; - border-radius: 5px; - font-size: 1rem; +.nav-wrapper { + padding: 2rem 5%; +} + +nav { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1200px; + margin: 0 auto; +} + +.logo { + font-size: 1.5rem; + font-weight: 800; + text-decoration: none; + color: white; +} + +.highlight { + color: var(--accent-color); } .nav-links { - display: flex; - justify-content: center; - gap: 20px; - margin-top: 20px; + display: flex; + gap: 2rem; } .nav-links a { - color: white; - text-decoration: none; - font-size: 1rem; + color: white; + text-decoration: none; + font-weight: 500; + transition: var(--transition); +} + +.nav-links a:hover { + opacity: 0.8; } .cta-button { - background-color: #ff6f61; - color: white; - padding: 10px 20px; - text-decoration: none; - border-radius: 5px; - font-size: 1rem; + background: var(--accent-color); + padding: 0.5rem 1.5rem; + border-radius: 25px; + font-weight: 600; } -.explore-grid, .contribute-grid, .resources-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 20px; - padding: 40px 20px; +.hero-content { + max-width: 800px; + margin: 8rem auto 0; + text-align: center; + padding: 0 2rem; } -.explore-card, .contribute-card, .resources-card { - background: white; - padding: 20px; - border-radius: 10px; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); - text-align: center; +.hero-content h1 { + font-size: 3.5rem; + margin-bottom: 1.5rem; + line-height: 1.2; } -.explore-icon, .contribute-icon, .resources-icon { - font-size: 2rem; - margin-bottom: 10px; +.hero-buttons { + display: flex; + gap: 1rem; + justify-content: center; + margin-top: 2rem; } -.explore-card h3, .contribute-card h3, .resources-card h3 { - font-size: 1.5rem; - margin-bottom: 10px; +.primary-button, .secondary-button { + padding: 1rem 2rem; + border-radius: 25px; + text-decoration: none; + font-weight: 600; + transition: var(--transition); } -.explore-card p, .contribute-card p, .resources-card p { - font-size: 1rem; - color: #666; +.primary-button { + background: var(--accent-color); + color: white; } -.join { - background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); - color: white; - padding: 60px 20px; - text-align: center; +.secondary-button { + background: rgba(255, 255, 255, 0.2); + color: white; } -.join-content p { - font-size: 1.2rem; - margin-bottom: 30px; +.features-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + max-width: 1200px; + margin: -100px auto 0; + padding: 2rem; + position: relative; } -.footer-content { - background: #333; - color: white; - padding: 20px; - text-align: center; +.feature-card { + background: var(--card-bg); + padding: 2rem; + border-radius: 15px; + box-shadow: 0 10px 30px rgba(0,0,0,0.1); + text-align: center; + transition: var(--transition); } -.footer-links { - display: flex; - justify-content: center; - gap: 20px; - margin-bottom: 10px; +.feature-card:hover { + transform: translateY(-5px); } -.footer-links a { - color: white; - text-decoration: none; - font-size: 1rem; +.feature-card span { + font-size: 3rem; } -@media (max-width: 768px) { - .hero-content h1 { - font-size: 2rem; - } +.resources-section, .community-section { + padding: 5rem 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.resource-grid, .community-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 2rem; + margin-top: 3rem; +} + +.resource-item, .community-card { + background: var(--card-bg); + padding: 2rem; + border-radius: 15px; + box-shadow: 0 5px 15px rgba(0,0,0,0.05); + transition: var(--transition); +} - .hero-content p { - font-size: 1rem; - } +.resource-item:hover, .community-card:hover { + transform: translateY(-5px); +} + +.link-button { + display: inline-block; + margin-top: 1rem; + color: var(--primary-color); + text-decoration: none; + font-weight: 600; +} + +footer { + background: var(--text-color); + color: white; + padding: 3rem 2rem; +} - .nav-links { +.footer-content { + max-width: 1200px; + margin: 0 auto; + display: flex; flex-direction: column; - gap: 10px; - } + align-items: center; + gap: 2rem; +} + +.footer-links { + display: flex; + gap: 2rem; +} - .explore-grid, .contribute-grid, .resources-grid { - grid-template-columns: 1fr; - } -} \ No newline at end of file +.footer-links a { + color: white; + text-decoration: none; +} + +@media (max-width: 768px) { + .hero-content h1 { + font-size: 2.5rem; + } + + .nav-links { + display: none; + } + + .hero-buttons { + flex-direction: column; + align-items: center; + } +}

commit 65d6f2b66d5e5b8341e9d67e06a76c028ba7b5f8 Author: root <root@hub.scroll.pub> Date: 2025-01-15 00:51:23 +0000 Subject: Initial commit diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..e7d3f37 --- /dev/null +++ b/index.scroll @@ -0,0 +1,143 @@ +buildHtml +baseUrl https://mito.powerhouse.wiki +metaTags +editButton /edit.html +title The Powerhouse Wiki +style.css +header + class hero + nav + div Powerhouse Wiki + class logo + div + class nav-links + a Explore + href #explore + a Contribute + href #contribute + a Resources + href #resources + a Join + class cta-button + href #join + div + class hero-content + h1 Welcome to the Powerhouse Wiki + p Your gateway to the fascinating world of mitochondria. Explore databases, blogs, PDF archives, and more. + a Get Started + class primary-button + href #explore +main + section + id explore + class explore + h2 Explore the Powerhouse + div + class explore-grid + div + class explore-card + div 🧬 + class explore-icon + h3 Databases + p Dive into curated mitochondrial databases. + div + class explore-card + div 📚 + class explore-icon + h3 Blogs + p Read the latest mitochondrial research. + div + class explore-card + div 📂 + class explore-icon + h3 Archives + p Access a wealth of PDF archives. + div + class explore-card + div 🎥 + class explore-icon + h3 Videos + p Watch insightful mitochondrial videos. + section + id contribute + class contribute + h2 Contribute to the Powerhouse + div + class contribute-grid + div + class contribute-card + div 🖋️ + class contribute-icon + h3 Write + p Share your knowledge and insights. + div + class contribute-card + div 📊 + class contribute-icon + h3 Data + p Contribute to our growing databases. + div + class contribute-card + div 🎨 + class contribute-icon + h3 Design + p Help improve the wiki's design. + div + class contribute-card + div 🔗 + class contribute-icon + h3 Links + p Add valuable resources and links. + section + id resources + class resources + h2 Resources + div + class resources-grid + div + class resources-card + div 🧪 + class resources-icon + h3 Labs + p Connect with leading mitochondrial labs. + div + class resources-card + div 🔬 + class resources-icon + h3 Equipment + p Discover essential mitochondrial equipment. + div + class resources-card + div 🖼️ + class resources-icon + h3 Images + p Explore mitochondrial image databases. + div + class resources-card + div 📖 + class resources-icon + h3 Research + p Access groundbreaking mitochondrial research. + section + id join + class join + h2 Join the Powerhouse Community + div + class join-content + p Become part of a vibrant community dedicated to mitochondrial research and discovery. + a Join Now + class primary-button + href #join +footer + div + class footer-content + div + class footer-links + a About + href #about + a Contact + href #contact + a Privacy + href #privacy + p Dedicated to advancing mitochondrial knowledge. +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..097373f --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "cd23dd81-dc70-48fe-8ea1-79f4d386a9b2", + "object": "chat.completion", + "created": 1736902255, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nmito.powerhouse.wiki\n---index.scroll---\nbuildHtml\nbaseUrl https://mito.powerhouse.wiki\nmetaTags\neditButton /edit.html\ntitle The Powerhouse Wiki\nstyle.css\nheader\n class hero\n nav\n div Powerhouse Wiki\n class logo\n div\n class nav-links\n a Explore\n href #explore\n a Contribute\n href #contribute\n a Resources\n href #resources\n a Join\n class cta-button\n href #join\n div\n class hero-content\n h1 Welcome to the Powerhouse Wiki\n p Your gateway to the fascinating world of mitochondria. Explore databases, blogs, PDF archives, and more.\n a Get Started\n class primary-button\n href #explore\nmain\n section\n id explore\n class explore\n h2 Explore the Powerhouse\n div\n class explore-grid\n div\n class explore-card\n div 🧬\n class explore-icon\n h3 Databases\n p Dive into curated mitochondrial databases.\n div\n class explore-card\n div 📚\n class explore-icon\n h3 Blogs\n p Read the latest mitochondrial research.\n div\n class explore-card\n div 📂\n class explore-icon\n h3 Archives\n p Access a wealth of PDF archives.\n div\n class explore-card\n div 🎥\n class explore-icon\n h3 Videos\n p Watch insightful mitochondrial videos.\n section\n id contribute\n class contribute\n h2 Contribute to the Powerhouse\n div\n class contribute-grid\n div\n class contribute-card\n div 🖋️\n class contribute-icon\n h3 Write\n p Share your knowledge and insights.\n div\n class contribute-card\n div 📊\n class contribute-icon\n h3 Data\n p Contribute to our growing databases.\n div\n class contribute-card\n div 🎨\n class contribute-icon\n h3 Design\n p Help improve the wiki's design.\n div\n class contribute-card\n div 🔗\n class contribute-icon\n h3 Links\n p Add valuable resources and links.\n section\n id resources\n class resources\n h2 Resources\n div\n class resources-grid\n div\n class resources-card\n div 🧪\n class resources-icon\n h3 Labs\n p Connect with leading mitochondrial labs.\n div\n class resources-card\n div 🔬\n class resources-icon\n h3 Equipment\n p Discover essential mitochondrial equipment.\n div\n class resources-card\n div 🖼️\n class resources-icon\n h3 Images\n p Explore mitochondrial image databases.\n div\n class resources-card\n div 📖\n class resources-icon\n h3 Research\n p Access groundbreaking mitochondrial research.\n section\n id join\n class join\n h2 Join the Powerhouse Community\n div\n class join-content\n p Become part of a vibrant community dedicated to mitochondrial research and discovery.\n a Join Now\n class primary-button\n href #join\nfooter\n div\n class footer-content\n div\n class footer-links\n a About\n href #about\n a Contact\n href #contact\n a Privacy\n href #privacy\n p Dedicated to advancing mitochondrial knowledge.\nscript.js\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n color: #333;\n background-color: #f4f4f4;\n}\n\n.hero {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n color: white;\n padding: 60px 20px;\n text-align: center;\n}\n\n.hero-content h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n}\n\n.hero-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.primary-button {\n background-color: #ff6f61;\n color: white;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n}\n\n.nav-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n}\n\n.cta-button {\n background-color: #ff6f61;\n color: white;\n padding: 10px 20px;\n text-decoration: none;\n border-radius: 5px;\n font-size: 1rem;\n}\n\n.explore-grid, .contribute-grid, .resources-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n padding: 40px 20px;\n}\n\n.explore-card, .contribute-card, .resources-card {\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.explore-icon, .contribute-icon, .resources-icon {\n font-size: 2rem;\n margin-bottom: 10px;\n}\n\n.explore-card h3, .contribute-card h3, .resources-card h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n}\n\n.explore-card p, .contribute-card p, .resources-card p {\n font-size: 1rem;\n color: #666;\n}\n\n.join {\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n color: white;\n padding: 60px 20px;\n text-align: center;\n}\n\n.join-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n}\n\n.footer-content {\n background: #333;\n color: white;\n padding: 20px;\n text-align: center;\n}\n\n.footer-links {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.footer-links a {\n color: white;\n text-decoration: none;\n font-size: 1rem;\n}\n\n@media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2rem;\n }\n\n .hero-content p {\n font-size: 1rem;\n }\n\n .nav-links {\n flex-direction: column;\n gap: 10px;\n }\n\n .explore-grid, .contribute-grid, .resources-grid {\n grid-template-columns: 1fr;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const navLinks = document.querySelectorAll('.nav-links a');\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetSection = document.getElementById(targetId);\n targetSection.scrollIntoView({ behavior: 'smooth' });\n });\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 799, + "completion_tokens": 1637, + "total_tokens": 2436, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 799 + }, + "system_fingerprint": "fp_3a5770e1b4" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..31f4b4c --- /dev/null +++ b/readme.scroll @@ -0,0 +1,3 @@ +# mito1.powerhouse.wiki + +website generated by DeepSeek from prompt: give me a beautiful landing page for the powerhouse.wiki. the powerhouse wiki will be a collection of folders/sites focused on all things mitochondria. databases, blogs, pdf archives, etc. whatever people want to make. it will have links to videos, researchers, labs, equipment, image databases, etc. lots of subdomains. make it a beautiful landing page, that gets people excited about mitochondria \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..8833d81 --- /dev/null +++ b/script.js @@ -0,0 +1,11 @@ +document.addEventListener('DOMContentLoaded', function() { + const navLinks = document.querySelectorAll('.nav-links a'); + navLinks.forEach(link => { + link.addEventListener('click', function(e) { + e.preventDefault(); + const targetId = this.getAttribute('href').substring(1); + const targetSection = document.getElementById(targetId); + targetSection.scrollIntoView({ behavior: 'smooth' }); + }); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2937bde --- /dev/null +++ b/style.css @@ -0,0 +1,136 @@ +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + color: #333; + background-color: #f4f4f4; +} + +.hero { + background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); + color: white; + padding: 60px 20px; + text-align: center; +} + +.hero-content h1 { + font-size: 3rem; + margin-bottom: 20px; +} + +.hero-content p { + font-size: 1.2rem; + margin-bottom: 30px; +} + +.primary-button { + background-color: #ff6f61; + color: white; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + font-size: 1rem; +} + +.nav-links { + display: flex; + justify-content: center; + gap: 20px; + margin-top: 20px; +} + +.nav-links a { + color: white; + text-decoration: none; + font-size: 1rem; +} + +.cta-button { + background-color: #ff6f61; + color: white; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; + font-size: 1rem; +} + +.explore-grid, .contribute-grid, .resources-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; + padding: 40px 20px; +} + +.explore-card, .contribute-card, .resources-card { + background: white; + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + text-align: center; +} + +.explore-icon, .contribute-icon, .resources-icon { + font-size: 2rem; + margin-bottom: 10px; +} + +.explore-card h3, .contribute-card h3, .resources-card h3 { + font-size: 1.5rem; + margin-bottom: 10px; +} + +.explore-card p, .contribute-card p, .resources-card p { + font-size: 1rem; + color: #666; +} + +.join { + background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); + color: white; + padding: 60px 20px; + text-align: center; +} + +.join-content p { + font-size: 1.2rem; + margin-bottom: 30px; +} + +.footer-content { + background: #333; + color: white; + padding: 20px; + text-align: center; +} + +.footer-links { + display: flex; + justify-content: center; + gap: 20px; + margin-bottom: 10px; +} + +.footer-links a { + color: white; + text-decoration: none; + font-size: 1rem; +} + +@media (max-width: 768px) { + .hero-content h1 { + font-size: 2rem; + } + + .hero-content p { + font-size: 1rem; + } + + .nav-links { + flex-direction: column; + gap: 10px; + } + + .explore-grid, .contribute-grid, .resources-grid { + grid-template-columns: 1fr; + } +} \ No newline at end of file