Changes to daistable.scroll.pub

root
root
15 days ago
Initial commit
body.html
Changed around line 1
+
+
+
+
+
+
+
    +
  • About
    • +
  • Features
    • +
  • Stats
    • +
  • Contact
    • +
    +
    +
    +
    +
    +
    +
    +

    DAI Stablecoin

    +

    The Decentralized Dollar

    +
    + 1.00
    + USD
    +
    +
    +
    +
    +
    +

    What is DAI?

    +
    +
    +

    Stable

    +

    Maintains a soft peg to the US Dollar through decentralized mechanisms

    +
    +
    +

    Decentralized

    +

    Governed by MakerDAO, a decentralized autonomous organization

    +
    +
    +

    Transparent

    +

    Fully backed by on-chain collateral visible to everyone

    +
    +
    +
    +
    +
    +

    Live Statistics

    +
    +
    +

    Market Cap

    +
    Loading...
    +
    +
    +

    Total Supply

    +
    Loading...
    +
    +
    +

    Holders

    +
    Loading...
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Resources

    +
      +
    • Documentation
      • +
    • Whitepaper
      • +
    • FAQ
      • +
      +
      +
      +

      Community

      +
        +
      • Forum
        • +
      • Discord
        • +
      • Twitter
        • +
        +
        +
        +
        index.scroll
        Changed around line 1
        + buildHtml
        + baseUrl https://daistable.scroll.pub
        + metaTags
        + editButton /edit.html
        + title DAI Stablecoin - The Decentralized Dollar
        + style.css
        + body.html
        + script.js
        prompt.json
        Changed around line 1
        + {
        + "id": "msg_016sCEyX5MkCAiMeLuPyydem",
        + "type": "message",
        + "role": "assistant",
        + "model": "claude-3-5-sonnet-20241022",
        + "content": [
        + {
        + "type": "text",
        + "text": "For a website about \"dai\" (assuming this refers to the decentralized stablecoin), I suggest:\n\n---domain---\ndaistable.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://daistable.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DAI Stablecoin - The Decentralized Dollar\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n
        \n \n
        \n\n
        \n
        \n
        \n

        DAI Stablecoin

        \n

        The Decentralized Dollar

        \n
        \n 1.00\n USD\n
        \n
        \n
        \n\n
        \n

        What is DAI?

        \n
        \n
        \n

        Stable

        \n

        Maintains a soft peg to the US Dollar through decentralized mechanisms

        \n
        \n
        \n

        Decentralized

        \n

        Governed by MakerDAO, a decentralized autonomous organization

        \n
        \n
        \n

        Transparent

        \n

        Fully backed by on-chain collateral visible to everyone

        \n
        \n
        \n
        \n\n
        \n

        Live Statistics

        \n
        \n
        \n

        Market Cap

        \n
        Loading...
        \n
        \n
        \n

        Total Supply

        \n
        Loading...
        \n
        \n
        \n

        Holders

        \n
        Loading...
        \n
        \n
        \n
        \n
        \n\n\n\n---style.css---\n:root {\n --primary-color: #ffd700;\n --secondary-color: #f5b642;\n --text-color: #333;\n --background-color: #fff;\n --accent-color: #ff9900;\n --gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n overflow-x: hidden;\n}\n\nheader {\n position: fixed;\n width: 100%;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);\n}\n\nnav {\n max-width: 1200px;\n margin: 0 auto;\n padding: 1rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n font-size: 2rem;\n font-weight: 700;\n background: var(--gradient);\n -webkit-background-clip: text;\n color: transparent;\n}\n\n.nav-links {\n display: flex;\n gap: 2rem;\n list-style: none;\n}\n\n.nav-links a {\n text-decoration: none;\n color: var(--text-color);\n font-weight: 500;\n transition: color 0.3s ease;\n}\n\n.nav-links a:hover {\n color: var(--accent-color);\n}\n\n.hero {\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--gradient);\n text-align: center;\n padding: 2rem;\n}\n\n.hero-content {\n max-width: 800px;\n}\n\nh1 {\n font-size: 4rem;\n margin-bottom: 1rem;\n color: white;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.tagline {\n font-size: 1.5rem;\n color: white;\n margin-bottom: 2rem;\n}\n\n.price-ticker {\n display: inline-block;\n background: rgba(255, 255, 255, 0.9);\n padding: 1rem 2rem;\n border-radius: 50px;\n font-size: 2rem;\n font-weight: 700;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n padding: 4rem 2rem;\n}\n\n.feature {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease;\n}\n\n.feature:hover {\n transform: translateY(-5px);\n}\n\n.stats {\n background: #f8f9fa;\n padding: 4rem 2rem;\n}\n\n.stats-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.stat-card {\n background: white;\n padding: 2rem;\n border-radius: 15px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.stat-value {\n font-size: 2rem;\n font-weight: 700;\n color: var(--accent-color);\n}\n\nfooter {\n background: #333;\n color: white;\n padding: 4rem 2rem;\n}\n\n.footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n}\n\n.footer-section h4 {\n margin-bottom: 1rem;\n}\n\n.footer-section ul {\n list-style: none;\n}\n\n.footer-section a {\n color: #ccc;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.footer-section a:hover {\n color: white;\n}\n\n@media (max-width: 768px) {\n .menu-toggle {\n display: flex;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n }\n\n .menu-toggle span {\n width: 25px;\n height: 3px;\n background: var(--text-color);\n transition: 0.3s;\n }\n\n .nav-links {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: white;\n padding: 1rem;\n flex-direction: column;\n text-align: center;\n }\n\n .nav-links.active {\n display: flex;\n }\n\n h1 {\n font-size: 2.5rem;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n // Mobile menu toggle\n const menuToggle = document.querySelector('.menu-toggle');\n const navLinks = document.querySelector('.nav-links');\n \n menuToggle.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n });\n\n // Smooth scroll for navigation 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 // Simulate loading stats\n const stats = {\n marketCap: '$5.2B',\n totalSupply: '5.2B DAI',\n holders: '250,000+'\n };\n\n setTimeout(() => {\n document.getElementById('marketCap').textContent = stats.marketCap;\n document.getElementById('totalSupply').textContent = stats.totalSupply;\n document.getElementById('holders').textContent = stats.holders;\n }, 1000);\n\n // Price ticker animation\n const price = document.querySelector('.price');\n setInterval(() => {\n const random = (Math.random() * 0.002 - 0.001);\n const newPrice = (1 + random).toFixed(3);\n price.textContent = newPrice;\n }, 3000);\n\n // Intersection Observer for animations\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n });\n\n document.querySelectorAll('.feature, .stat-card').forEach((el) => observer.observe(el));\n});\n\n---end---"
        + }
        + ],
        + "stop_reason": "end_turn",
        + "stop_sequence": null,
        + "usage": {
        + "input_tokens": 271,
        + "cache_creation_input_tokens": 0,
        + "cache_read_input_tokens": 0,
        + "output_tokens": 2879
        + }
        + }
        readme.scroll
        Changed around line 1
        + # daistable.scroll.pub
        + Website generated by Claude from prompt: dai
        script.js
        Changed around line 1
        + document.addEventListener('DOMContentLoaded', function() {
        + // Mobile menu toggle
        + const menuToggle = document.querySelector('.menu-toggle');
        + const navLinks = document.querySelector('.nav-links');
        +
        + menuToggle.addEventListener('click', () => {
        + navLinks.classList.toggle('active');
        + });
        +
        + // Smooth scroll for navigation links
        + document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        + anchor.addEventListener('click', function (e) {
        + e.preventDefault();
        + document.querySelector(this.getAttribute('href')).scrollIntoView({
        + behavior: 'smooth'
        + });
        + });
        + });
        +
        + // Simulate loading stats
        + const stats = {
        + marketCap: '$5.2B',
        + totalSupply: '5.2B DAI',
        + holders: '250,000+'
        + };
        +
        + setTimeout(() => {
        + document.getElementById('marketCap').textContent = stats.marketCap;
        + document.getElementById('totalSupply').textContent = stats.totalSupply;
        + document.getElementById('holders').textContent = stats.holders;
        + }, 1000);
        +
        + // Price ticker animation
        + const price = document.querySelector('.price');
        + setInterval(() => {
        + const random = (Math.random() * 0.002 - 0.001);
        + const newPrice = (1 + random).toFixed(3);
        + price.textContent = newPrice;
        + }, 3000);
        +
        + // Intersection Observer for animations
        + const observer = new IntersectionObserver((entries) => {
        + entries.forEach(entry => {
        + if (entry.isIntersecting) {
        + entry.target.classList.add('visible');
        + }
        + });
        + });
        +
        + document.querySelectorAll('.feature, .stat-card').forEach((el) => observer.observe(el));
        + });
        style.css
        Changed around line 1
        + :root {
        + --primary-color: #ffd700;
        + --secondary-color: #f5b642;
        + --text-color: #333;
        + --background-color: #fff;
        + --accent-color: #ff9900;
        + --gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
        + }
        +
        + * {
        + margin: 0;
        + padding: 0;
        + box-sizing: border-box;
        + }
        +
        + body {
        + font-family: 'Inter', system-ui, -apple-system, sans-serif;
        + line-height: 1.6;
        + color: var(--text-color);
        + overflow-x: hidden;
        + }
        +
        + header {
        + position: fixed;
        + width: 100%;
        + z-index: 1000;
        + background: rgba(255, 255, 255, 0.95);
        + backdrop-filter: blur(10px);
        + box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        + }
        +
        + nav {
        + max-width: 1200px;
        + margin: 0 auto;
        + padding: 1rem;
        + display: flex;
        + justify-content: space-between;
        + align-items: center;
        + }
        +
        + .logo {
        + font-size: 2rem;
        + font-weight: 700;
        + background: var(--gradient);
        + -webkit-background-clip: text;
        + color: transparent;
        + }
        +
        + .nav-links {
        + display: flex;
        + gap: 2rem;
        + list-style: none;
        + }
        +
        + .nav-links a {
        + text-decoration: none;
        + color: var(--text-color);
        + font-weight: 500;
        + transition: color 0.3s ease;
        + }
        +
        + .nav-links a:hover {
        + color: var(--accent-color);
        + }
        +
        + .hero {
        + height: 100vh;
        + display: flex;
        + align-items: center;
        + justify-content: center;
        + background: var(--gradient);
        + text-align: center;
        + padding: 2rem;
        + }
        +
        + .hero-content {
        + max-width: 800px;
        + }
        +
        + h1 {
        + font-size: 4rem;
        + margin-bottom: 1rem;
        + color: white;
        + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        + }
        +
        + .tagline {
        + font-size: 1.5rem;
        + color: white;
        + margin-bottom: 2rem;
        + }
        +
        + .price-ticker {
        + display: inline-block;
        + background: rgba(255, 255, 255, 0.9);
        + padding: 1rem 2rem;
        + border-radius: 50px;
        + font-size: 2rem;
        + font-weight: 700;
        + }
        +
        + .features-grid {
        + display: grid;
        + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        + gap: 2rem;
        + padding: 4rem 2rem;
        + }
        +
        + .feature {
        + background: white;
        + padding: 2rem;
        + border-radius: 15px;
        + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        + transition: transform 0.3s ease;
        + }
        +
        + .feature:hover {
        + transform: translateY(-5px);
        + }
        +
        + .stats {
        + background: #f8f9fa;
        + padding: 4rem 2rem;
        + }
        +
        + .stats-container {
        + display: grid;
        + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        + gap: 2rem;
        + max-width: 1200px;
        + margin: 0 auto;
        + }
        +
        + .stat-card {
        + background: white;
        + padding: 2rem;
        + border-radius: 15px;
        + text-align: center;
        + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        + }
        +
        + .stat-value {
        + font-size: 2rem;
        + font-weight: 700;
        + color: var(--accent-color);
        + }
        +
        + footer {
        + background: #333;
        + color: white;
        + padding: 4rem 2rem;
        + }
        +
        + .footer-content {
        + max-width: 1200px;
        + margin: 0 auto;
        + display: grid;
        + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        + gap: 2rem;
        + }
        +
        + .footer-section h4 {
        + margin-bottom: 1rem;
        + }
        +
        + .footer-section ul {
        + list-style: none;
        + }
        +
        + .footer-section a {
        + color: #ccc;
        + text-decoration: none;
        + transition: color 0.3s ease;
        + }
        +
        + .footer-section a:hover {
        + color: white;
        + }
        +
        + @media (max-width: 768px) {
        + .menu-toggle {
        + display: flex;
        + flex-direction: column;
        + gap: 5px;
        + cursor: pointer;
        + }
        +
        + .menu-toggle span {
        + width: 25px;
        + height: 3px;
        + background: var(--text-color);
        + transition: 0.3s;
        + }
        +
        + .nav-links {
        + display: none;
        + position: absolute;
        + top: 100%;
        + left: 0;
        + right: 0;
        + background: white;
        + padding: 1rem;
        + flex-direction: column;
        + text-align: center;
        + }
        +
        + .nav-links.active {
        + display: flex;
        + }
        +
        + h1 {
        + font-size: 2.5rem;
        + }
        + }