Changes to palidhamma.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+
+
    +
  • Home
    • +
  • Texts
    • +
  • About
    • +
    +
    +
    +
    +
    +
    +

    Pāli Buddhist Texts

    +

    Explore the ancient wisdom through original Pāli texts with English translations

    +
    +
    +
    +

    Featured Texts

    +
    +
    +

    Dhammapada Verse 1

    +
    +
    Manopubbaṅgamā dhammā, manoseṭṭhā manomayā
    +
    Mind precedes all phenomena, mind is their chief, mind-made are they
    +
    +
    +
    Manasā ce paduṭṭhena, bhāsati vā karoti vā
    +
    If with a corrupted mind one speaks or acts
    +
    +
    +
    Tato naṃ dukkhamanveti, cakkaṃva vahato padaṃ
    +
    Suffering follows thereupon, as the wheel follows the hoof of the draught-ox
    +
    +
    +
    +
    +
    +
    +

    About This Project

    +

    This website provides accurate translations of Buddhist texts from Pāli to English, with original text and translation displayed side by side for easy comparison and study.

    +
    +
    +
    +
    +

    Made with dedication for Dhamma students worldwide

    +
    index.scroll
    Changed around line 1
    + buildHtml
    + baseUrl https://palidhamma.scroll.pub
    + metaTags
    + editButton /edit.html
    + title Pāli Buddhist Texts - Line by Line Translation
    + style.css
    + body.html
    + script.js
    prompt.json
    Changed around line 1
    + {
    + "id": "msg_01QWkqR4WUxxEnDRQ485e4mK",
    + "type": "message",
    + "role": "assistant",
    + "model": "claude-3-5-sonnet-20241022",
    + "content": [
    + {
    + "type": "text",
    + "text": "I'll help create a website for Pali Buddhist texts with parallel translations. Here's a clean, memorable domain:\n\n---domain---\npalidhamma.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://palidhamma.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Pāli Buddhist Texts - Line by Line Translation\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n
    \n \n
    \n\n
    \n
    \n

    Pāli Buddhist Texts

    \n

    Explore the ancient wisdom through original Pāli texts with English translations

    \n
    \n\n
    \n

    Featured Texts

    \n
    \n
    \n

    Dhammapada Verse 1

    \n
    \n
    Manopubbaṅgamā dhammā, manoseṭṭhā manomayā
    \n
    Mind precedes all phenomena, mind is their chief, mind-made are they
    \n
    \n
    \n
    Manasā ce paduṭṭhena, bhāsati vā karoti vā
    \n
    If with a corrupted mind one speaks or acts
    \n
    \n
    \n
    Tato naṃ dukkhamanveti, cakkaṃva vahato padaṃ
    \n
    Suffering follows thereupon, as the wheel follows the hoof of the draught-ox
    \n
    \n
    \n
    \n
    \n\n
    \n

    About This Project

    \n

    This website provides accurate translations of Buddhist texts from Pāli to English, with original text and translation displayed side by side for easy comparison and study.

    \n
    \n
    \n\n
    \n

    Made with dedication for Dhamma students worldwide

    \n
    \n\n---style.css---\n:root {\n --primary-color: #624e3d;\n --secondary-color: #a69585;\n --background-color: #faf6f2;\n --text-color: #2c2420;\n --accent-color: #8b7355;\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 background-color: var(--background-color);\n}\n\nheader {\n background-color: var(--primary-color);\n padding: 1rem;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 100;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n}\n\nnav ul {\n display: flex;\n justify-content: center;\n list-style: none;\n gap: 2rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n font-weight: 500;\n transition: color 0.3s ease;\n}\n\nnav a:hover {\n color: var(--secondary-color);\n}\n\nmain {\n margin-top: 4rem;\n padding: 2rem;\n}\n\n.hero {\n text-align: center;\n padding: 4rem 1rem;\n background: linear-gradient(135deg, var(--primary-color), var(--accent-color));\n color: white;\n border-radius: 1rem;\n margin-bottom: 3rem;\n}\n\n.hero h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n animation: fadeIn 1s ease-out;\n}\n\n.translation-box {\n background: white;\n padding: 2rem;\n border-radius: 1rem;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n margin: 2rem 0;\n transition: transform 0.3s ease;\n}\n\n.translation-box:hover {\n transform: translateY(-4px);\n}\n\n.verse {\n margin: 1.5rem 0;\n padding: 0.5rem;\n border-left: 3px solid var(--accent-color);\n}\n\n.pali {\n font-size: 1.2rem;\n color: var(--primary-color);\n margin-bottom: 0.5rem;\n}\n\n.english {\n color: var(--text-color);\n font-style: italic;\n}\n\n.about {\n max-width: 800px;\n margin: 4rem auto;\n}\n\nfooter {\n background-color: var(--primary-color);\n color: white;\n text-align: center;\n padding: 2rem;\n margin-top: 4rem;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n nav ul {\n gap: 1rem;\n }\n \n .translation-box {\n padding: 1rem;\n }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n // Smooth scrolling for navigation links\n document.querySelectorAll('nav a').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n \n window.scrollTo({\n top: targetElement.offsetTop - 60,\n behavior: 'smooth'\n });\n });\n });\n\n // Add intersection observer for fade-in 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('.translation-box').forEach(box => {\n box.style.opacity = '0';\n box.style.transform = 'translateY(20px)';\n box.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\n observer.observe(box);\n });\n});\n\n---end---\n\nThis website features:\n1. Clean, semantic HTML5 structure\n2. Beautiful color scheme inspired by traditional Buddhist aesthetics\n3. Smooth animations and transitions\n4. Responsive design that works on all devices\n5. Accessible navigation and content structure\n6. Intersection Observer for scroll animations\n7. Elegant typography and spacing\n8. Card-based layout for translations\n9. Subtle shadows and hover effects\n10. Performance-optimized code\n\nThe design is minimal yet sophisticated, focusing on readability and user experience while maintaining a connection to traditional Buddhist aesthetics through its color palette and typography."
    + }
    + ],
    + "stop_reason": "end_turn",
    + "stop_sequence": null,
    + "usage": {
    + "input_tokens": 286,
    + "cache_creation_input_tokens": 0,
    + "cache_read_input_tokens": 0,
    + "output_tokens": 1990
    + }
    + }
    readme.scroll
    Changed around line 1
    + # palidhamma.scroll.pub
    + Website generated by Claude from prompt: website about pali buddhism with line by line translation in pali and english
    script.js
    Changed around line 1
    + document.addEventListener('DOMContentLoaded', function() {
    + // Smooth scrolling for navigation links
    + document.querySelectorAll('nav a').forEach(anchor => {
    + anchor.addEventListener('click', function(e) {
    + e.preventDefault();
    + const targetId = this.getAttribute('href');
    + const targetElement = document.querySelector(targetId);
    +
    + window.scrollTo({
    + top: targetElement.offsetTop - 60,
    + behavior: 'smooth'
    + });
    + });
    + });
    +
    + // Add intersection observer for fade-in 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('.translation-box').forEach(box => {
    + box.style.opacity = '0';
    + box.style.transform = 'translateY(20px)';
    + box.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';
    + observer.observe(box);
    + });
    + });
    style.css
    Changed around line 1
    + :root {
    + --primary-color: #624e3d;
    + --secondary-color: #a69585;
    + --background-color: #faf6f2;
    + --text-color: #2c2420;
    + --accent-color: #8b7355;
    + }
    +
    + * {
    + 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);
    + background-color: var(--background-color);
    + }
    +
    + header {
    + background-color: var(--primary-color);
    + padding: 1rem;
    + position: fixed;
    + width: 100%;
    + top: 0;
    + z-index: 100;
    + box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    + }
    +
    + nav ul {
    + display: flex;
    + justify-content: center;
    + list-style: none;
    + gap: 2rem;
    + }
    +
    + nav a {
    + color: white;
    + text-decoration: none;
    + font-weight: 500;
    + transition: color 0.3s ease;
    + }
    +
    + nav a:hover {
    + color: var(--secondary-color);
    + }
    +
    + main {
    + margin-top: 4rem;
    + padding: 2rem;
    + }
    +
    + .hero {
    + text-align: center;
    + padding: 4rem 1rem;
    + background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    + color: white;
    + border-radius: 1rem;
    + margin-bottom: 3rem;
    + }
    +
    + .hero h1 {
    + font-size: 3rem;
    + margin-bottom: 1rem;
    + animation: fadeIn 1s ease-out;
    + }
    +
    + .translation-box {
    + background: white;
    + padding: 2rem;
    + border-radius: 1rem;
    + box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    + margin: 2rem 0;
    + transition: transform 0.3s ease;
    + }
    +
    + .translation-box:hover {
    + transform: translateY(-4px);
    + }
    +
    + .verse {
    + margin: 1.5rem 0;
    + padding: 0.5rem;
    + border-left: 3px solid var(--accent-color);
    + }
    +
    + .pali {
    + font-size: 1.2rem;
    + color: var(--primary-color);
    + margin-bottom: 0.5rem;
    + }
    +
    + .english {
    + color: var(--text-color);
    + font-style: italic;
    + }
    +
    + .about {
    + max-width: 800px;
    + margin: 4rem auto;
    + }
    +
    + footer {
    + background-color: var(--primary-color);
    + color: white;
    + text-align: center;
    + padding: 2rem;
    + margin-top: 4rem;
    + }
    +
    + @keyframes fadeIn {
    + from { opacity: 0; transform: translateY(20px); }
    + to { opacity: 1; transform: translateY(0); }
    + }
    +
    + @media (max-width: 768px) {
    + .hero h1 {
    + font-size: 2rem;
    + }
    +
    + nav ul {
    + gap: 1rem;
    + }
    +
    + .translation-box {
    + padding: 1rem;
    + }
    + }