Changes to familycourtwatch.scroll.pub

root
root
9 days ago
Initial commit
body.html
Changed around line 1
+
+
+
+
+
+
+
    +
  • Mission
    • +
  • Evidence
    • +
  • Take Action
    • +
  • Resources
    • +
    +
    +
    +
    +
    +
    +

    Reform San Diego Family Courts

    +

    Fighting for transparency, accountability, and justice

    + Join The Movement
    +
    +
    +
    +

    Our Mission

    +
    +
    +

    Expose Corruption

    +

    Document and reveal systemic issues within San Diego's family court system.

    +
    +
    +

    Demand Change

    +

    Advocate for meaningful reforms and accountability measures.

    +
    +
    +

    Support Families

    +

    Provide resources and community for those affected by court corruption.

    +
    +
    +
    +
    +
    +

    Evidence & Documentation

    +
    +
    +

    Case Studies

    +

    Documented instances of misconduct and questionable rulings

    +
    +
    +

    Statistics

    +

    Data analysis revealing systemic patterns

    +
    +
    +

    Testimonials

    +

    First-hand accounts from affected families

    +
    +
    +
    +
    +
    +

    Take Action

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Contact

    +

    info@familycourtwatch.scroll.pub

    +
    +
    +

    Follow Us

    +
    + Twitter
    + Facebook
    +
    +
    +
    +
    index.scroll
    Changed around line 1
    + buildHtml
    + baseUrl https://familycourtwatch.scroll.pub
    + metaTags
    + editButton /edit.html
    + title Reform San Diego Family Courts | Justice & Accountability
    + style.css
    + body.html
    + script.js
    prompt.json
    Changed around line 1
    + {
    + "id": "msg_016w9UnSZYzD1iqfVRkgNJAi",
    + "type": "message",
    + "role": "assistant",
    + "model": "claude-3-5-sonnet-20241022",
    + "content": [
    + {
    + "type": "text",
    + "text": "I'll help create a website focused on exposing and reforming San Diego's family court system. Here's a concise, memorable domain name:\n\n---domain---\nfamilycourtwatch.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://familycourtwatch.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Reform San Diego Family Courts | Justice & Accountability\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n
    \n \n
    \n\n
    \n
    \n

    Reform San Diego Family Courts

    \n

    Fighting for transparency, accountability, and justice

    \n Join The Movement\n
    \n\n
    \n

    Our Mission

    \n
    \n
    \n

    Expose Corruption

    \n

    Document and reveal systemic issues within San Diego's family court system.

    \n
    \n
    \n

    Demand Change

    \n

    Advocate for meaningful reforms and accountability measures.

    \n
    \n
    \n

    Support Families

    \n

    Provide resources and community for those affected by court corruption.

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

    Evidence & Documentation

    \n
    \n
    \n

    Case Studies

    \n

    Documented instances of misconduct and questionable rulings

    \n
    \n
    \n

    Statistics

    \n

    Data analysis revealing systemic patterns

    \n
    \n
    \n

    Testimonials

    \n

    First-hand accounts from affected families

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

    Take Action

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

    Contact

    \n

    info@familycourtwatch.scroll.pub

    \n
    \n
    \n

    Follow Us

    \n
    \n Twitter\n Facebook\n
    \n
    \n
    \n
    \n\n---style.css---\n:root {\n --primary-color: #2c3e50;\n --accent-color: #e74c3c;\n --text-color: #333;\n --light-bg: #f5f6fa;\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: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n}\n\n.main-nav {\n background: var(--primary-color);\n padding: 1rem;\n position: fixed;\n width: 100%;\n z-index: 1000;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n color: white;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.nav-links {\n display: flex;\n list-style: none;\n gap: 2rem;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n transition: var(--transition);\n}\n\n.nav-links a:hover {\n color: var(--accent-color);\n}\n\n.mobile-menu {\n display: none;\n}\n\n.hero {\n height: 100vh;\n background: linear-gradient(135deg, var(--primary-color), #34495e);\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 2rem;\n}\n\n.hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n animation: fadeInUp 1s ease;\n}\n\n.tagline {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease 0.3s;\n opacity: 0;\n animation-fill-mode: forwards;\n}\n\n.cta-button {\n background: var(--accent-color);\n color: white;\n padding: 1rem 2rem;\n border-radius: 50px;\n text-decoration: none;\n transition: var(--transition);\n animation: fadeInUp 1s ease 0.6s;\n opacity: 0;\n animation-fill-mode: forwards;\n}\n\n.cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n}\n\n.content-section {\n padding: 5rem 2rem;\n}\n\n.content-section h2 {\n text-align: center;\n margin-bottom: 3rem;\n color: var(--primary-color);\n}\n\n.card-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.mission-card {\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: var(--transition);\n}\n\n.mission-card:hover {\n transform: translateY(-5px);\n}\n\n.evidence-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.evidence-item {\n background: var(--light-bg);\n padding: 2rem;\n border-radius: 10px;\n transition: var(--transition);\n}\n\n.contact-form {\n max-width: 600px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.contact-form input,\n.contact-form textarea {\n padding: 1rem;\n border: 1px solid #ddd;\n border-radius: 5px;\n font-size: 1rem;\n}\n\n.contact-form button {\n background: var(--accent-color);\n color: white;\n padding: 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: var(--transition);\n}\n\n.contact-form button:hover {\n background: #c0392b;\n}\n\nfooter {\n background: var(--primary-color);\n color: white;\n padding: 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@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@media (max-width: 768px) {\n .mobile-menu {\n display: block;\n background: none;\n border: none;\n cursor: pointer;\n }\n\n .mobile-menu span {\n display: block;\n width: 25px;\n height: 3px;\n background: white;\n margin: 5px 0;\n transition: var(--transition);\n }\n\n .nav-links {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: var(--primary-color);\n flex-direction: column;\n padding: 1rem;\n text-align: center;\n }\n\n .nav-links.active {\n display: flex;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n // Mobile menu toggle\n const mobileMenu = document.querySelector('.mobile-menu');\n const navLinks = document.querySelector('.nav-links');\n\n mobileMenu.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n const spans = mobileMenu.querySelectorAll('span');\n spans[0].style.transform = navLinks.classList.contains('active') ? \n 'rotate(45deg) translate(8px, 8px)' : '';\n spans[1].style.opacity = navLinks.classList.contains('active') ? '0' : '1';\n spans[2].style.transform = navLinks.classList.contains('active') ? \n 'rotate(-45deg) translate(7px, -7px)' : '';\n });\n\n // Smooth scrolling for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n target.scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n\n // Form submission handler\n const form = document.getElementById('action-form');\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n const formData = new FormData(form);\n // Add form submission logic here\n alert('Thank you for joining our movement! We will be in touch soon.');\n form.reset();\n });\n\n // Intersection Observer for scroll animations\n const observer = new IntersectionObserver((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 }, { threshold: 0.1 });\n\n document.querySelectorAll('.mission-card, .evidence-item').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n});\n\n---end---"
    + }
    + ],
    + "stop_reason": "end_turn",
    + "stop_sequence": null,
    + "usage": {
    + "input_tokens": 281,
    + "cache_creation_input_tokens": 0,
    + "cache_read_input_tokens": 0,
    + "output_tokens": 3119
    + }
    + }
    readme.scroll
    Changed around line 1
    + # familycourtwatch.scroll.pub
    +
    + website generated by Claude from prompt: a website to end the corrupt family court of san diego
    script.js
    Changed around line 1
    + document.addEventListener('DOMContentLoaded', () => {
    + // Mobile menu toggle
    + const mobileMenu = document.querySelector('.mobile-menu');
    + const navLinks = document.querySelector('.nav-links');
    +
    + mobileMenu.addEventListener('click', () => {
    + navLinks.classList.toggle('active');
    + const spans = mobileMenu.querySelectorAll('span');
    + spans[0].style.transform = navLinks.classList.contains('active') ?
    + 'rotate(45deg) translate(8px, 8px)' : '';
    + spans[1].style.opacity = navLinks.classList.contains('active') ? '0' : '1';
    + spans[2].style.transform = navLinks.classList.contains('active') ?
    + 'rotate(-45deg) translate(7px, -7px)' : '';
    + });
    +
    + // Smooth scrolling for anchor links
    + document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    + anchor.addEventListener('click', function (e) {
    + e.preventDefault();
    + const target = document.querySelector(this.getAttribute('href'));
    + target.scrollIntoView({
    + behavior: 'smooth'
    + });
    + });
    + });
    +
    + // Form submission handler
    + const form = document.getElementById('action-form');
    + form.addEventListener('submit', (e) => {
    + e.preventDefault();
    + const formData = new FormData(form);
    + // Add form submission logic here
    + alert('Thank you for joining our movement! We will be in touch soon.');
    + form.reset();
    + });
    +
    + // Intersection Observer for scroll animations
    + 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 });
    +
    + document.querySelectorAll('.mission-card, .evidence-item').forEach(el => {
    + el.style.opacity = '0';
    + el.style.transform = 'translateY(20px)';
    + el.style.transition = 'all 0.6s ease';
    + observer.observe(el);
    + });
    + });
    style.css
    Changed around line 1
    + :root {
    + --primary-color: #2c3e50;
    + --accent-color: #e74c3c;
    + --text-color: #333;
    + --light-bg: #f5f6fa;
    + --transition: all 0.3s ease;
    + }
    +
    + * {
    + margin: 0;
    + padding: 0;
    + box-sizing: border-box;
    + }
    +
    + body {
    + font-family: 'Segoe UI', system-ui, sans-serif;
    + line-height: 1.6;
    + color: var(--text-color);
    + }
    +
    + .main-nav {
    + background: var(--primary-color);
    + padding: 1rem;
    + position: fixed;
    + width: 100%;
    + z-index: 1000;
    + display: flex;
    + justify-content: space-between;
    + align-items: center;
    + }
    +
    + .logo {
    + color: white;
    + font-size: 1.5rem;
    + font-weight: bold;
    + }
    +
    + .nav-links {
    + display: flex;
    + list-style: none;
    + gap: 2rem;
    + }
    +
    + .nav-links a {
    + color: white;
    + text-decoration: none;
    + transition: var(--transition);
    + }
    +
    + .nav-links a:hover {
    + color: var(--accent-color);
    + }
    +
    + .mobile-menu {
    + display: none;
    + }
    +
    + .hero {
    + height: 100vh;
    + background: linear-gradient(135deg, var(--primary-color), #34495e);
    + color: white;
    + display: flex;
    + flex-direction: column;
    + justify-content: center;
    + align-items: center;
    + text-align: center;
    + padding: 2rem;
    + }
    +
    + .hero h1 {
    + font-size: 3.5rem;
    + margin-bottom: 1rem;
    + animation: fadeInUp 1s ease;
    + }
    +
    + .tagline {
    + font-size: 1.5rem;
    + margin-bottom: 2rem;
    + animation: fadeInUp 1s ease 0.3s;
    + opacity: 0;
    + animation-fill-mode: forwards;
    + }
    +
    + .cta-button {
    + background: var(--accent-color);
    + color: white;
    + padding: 1rem 2rem;
    + border-radius: 50px;
    + text-decoration: none;
    + transition: var(--transition);
    + animation: fadeInUp 1s ease 0.6s;
    + opacity: 0;
    + animation-fill-mode: forwards;
    + }
    +
    + .cta-button:hover {
    + transform: translateY(-3px);
    + box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    + }
    +
    + .content-section {
    + padding: 5rem 2rem;
    + }
    +
    + .content-section h2 {
    + text-align: center;
    + margin-bottom: 3rem;
    + color: var(--primary-color);
    + }
    +
    + .card-container {
    + display: grid;
    + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    + gap: 2rem;
    + max-width: 1200px;
    + margin: 0 auto;
    + }
    +
    + .mission-card {
    + background: white;
    + padding: 2rem;
    + border-radius: 10px;
    + box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    + transition: var(--transition);
    + }
    +
    + .mission-card:hover {
    + transform: translateY(-5px);
    + }
    +
    + .evidence-grid {
    + display: grid;
    + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    + gap: 2rem;
    + max-width: 1200px;
    + margin: 0 auto;
    + }
    +
    + .evidence-item {
    + background: var(--light-bg);
    + padding: 2rem;
    + border-radius: 10px;
    + transition: var(--transition);
    + }
    +
    + .contact-form {
    + max-width: 600px;
    + margin: 0 auto;
    + display: flex;
    + flex-direction: column;
    + gap: 1rem;
    + }
    +
    + .contact-form input,
    + .contact-form textarea {
    + padding: 1rem;
    + border: 1px solid #ddd;
    + border-radius: 5px;
    + font-size: 1rem;
    + }
    +
    + .contact-form button {
    + background: var(--accent-color);
    + color: white;
    + padding: 1rem;
    + border: none;
    + border-radius: 5px;
    + cursor: pointer;
    + transition: var(--transition);
    + }
    +
    + .contact-form button:hover {
    + background: #c0392b;
    + }
    +
    + footer {
    + background: var(--primary-color);
    + color: white;
    + padding: 2rem;
    + }
    +
    + .footer-content {
    + max-width: 1200px;
    + margin: 0 auto;
    + display: grid;
    + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    + gap: 2rem;
    + }
    +
    + @keyframes fadeInUp {
    + from {
    + opacity: 0;
    + transform: translateY(20px);
    + }
    + to {
    + opacity: 1;
    + transform: translateY(0);
    + }
    + }
    +
    + @media (max-width: 768px) {
    + .mobile-menu {
    + display: block;
    + background: none;
    + border: none;
    + cursor: pointer;
    + }
    +
    + .mobile-menu span {
    + display: block;
    + width: 25px;
    + height: 3px;
    + background: white;
    + margin: 5px 0;
    + transition: var(--transition);
    + }
    +
    + .nav-links {
    + display: none;
    + position: absolute;
    + top: 100%;
    + left: 0;
    + right: 0;
    + background: var(--primary-color);
    + flex-direction: column;
    + padding: 1rem;
    + text-align: center;
    + }
    +
    + .nav-links.active {
    + display: flex;
    + }
    +
    + .hero h1 {
    + font-size: 2.5rem;
    + }
    + }