Changes to summit.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+
+

John Summit

+

DJ | Producer | Visionary

+
+
+
+
+
+

About John Summit

+

John Summit is a world-renowned DJ and producer, known for his electrifying performances and groundbreaking music. With a unique blend of house and techno, John has taken the electronic music scene by storm.

+
+
+
+

Music

+
+
+

Latest Release

+

Check out John's latest track, "Eclipse," available now on all platforms.

+
+
+

Discography

+

Explore John's complete discography, including albums, EPs, and singles.

+
+
+
+
+
+

Tour Dates

+
+
+

Upcoming Shows

+

Don't miss John Summit live at major festivals and venues around the world.

+
+
+

Past Events

+

Relive the magic of John's past performances with photos and videos.

+
+
+
+
+
+

Contact

+

For booking and inquiries, please reach out to John's management team.

+ Email Us
+
+
+
+
+

Connect with John Summit

+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://summit.scroll.pub
+ metaTags
+ editButton /edit.html
+ title John Summit - Official Website
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "0cefffc1-a3f9-4056-bce5-07e3fa548079",
+ "object": "chat.completion",
+ "created": 1735376323,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsummit.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://summit.scroll.pub\nmetaTags\neditButton /edit.html\ntitle John Summit - Official Website\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n
\n

John Summit

\n

DJ | Producer | Visionary

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

About John Summit

\n

John Summit is a world-renowned DJ and producer, known for his electrifying performances and groundbreaking music. With a unique blend of house and techno, John has taken the electronic music scene by storm.

\n
\n\n
\n

Music

\n
\n
\n

Latest Release

\n

Check out John's latest track, \"Eclipse,\" available now on all platforms.

\n
\n
\n

Discography

\n

Explore John's complete discography, including albums, EPs, and singles.

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

Tour Dates

\n
\n
\n

Upcoming Shows

\n

Don't miss John Summit live at major festivals and venues around the world.

\n
\n
\n

Past Events

\n

Relive the magic of John's past performances with photos and videos.

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

Contact

\n

For booking and inquiries, please reach out to John's management team.

\n Email Us\n
\n
\n\n\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #1a1a1a;\n color: #ffffff;\n}\n\n.header {\n background: linear-gradient(135deg, #ff6f61, #ffcc00);\n padding: 100px 20px;\n text-align: center;\n}\n\n.header h1 {\n font-size: 3rem;\n margin: 0;\n}\n\n.header p {\n font-size: 1.5rem;\n margin: 10px 0 0;\n}\n\nmain {\n padding: 20px;\n}\n\n.about, .music, .tour, .contact {\n margin-bottom: 40px;\n}\n\nh2 {\n font-size: 2rem;\n margin-bottom: 20px;\n}\n\n.music-grid, .tour-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.music-item, .tour-item {\n background: #333333;\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n}\n\n.music-item h3, .tour-item h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n}\n\n.contact-button {\n display: inline-block;\n padding: 10px 20px;\n background: #ff6f61;\n color: #ffffff;\n text-decoration: none;\n border-radius: 5px;\n margin-top: 10px;\n}\n\n.footer {\n background: #333333;\n padding: 20px;\n text-align: center;\n}\n\n.social-links {\n margin-top: 10px;\n}\n\n.social-link {\n color: #ff6f61;\n text-decoration: none;\n margin: 0 10px;\n}\n\n@media (max-width: 768px) {\n .header h1 {\n font-size: 2rem;\n }\n\n .header p {\n font-size: 1rem;\n }\n\n h2 {\n font-size: 1.5rem;\n }\n\n .music-item h3, .tour-item h3 {\n font-size: 1.2rem;\n }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.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 a class to the header when scrolled\nwindow.addEventListener('scroll', function() {\n const header = document.querySelector('.header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 245,
+ "completion_tokens": 1227,
+ "total_tokens": 1472,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 245
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # summit.scroll.pub
+ Website generated by DeepSeek from prompt: Build a website for John Summit. Make it really good
script.js
Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add a class to the header when scrolled
+ window.addEventListener('scroll', function() {
+ const header = document.querySelector('.header');
+ if (window.scrollY > 50) {
+ header.classList.add('scrolled');
+ } else {
+ header.classList.remove('scrolled');
+ }
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #1a1a1a;
+ color: #ffffff;
+ }
+
+ .header {
+ background: linear-gradient(135deg, #ff6f61, #ffcc00);
+ padding: 100px 20px;
+ text-align: center;
+ }
+
+ .header h1 {
+ font-size: 3rem;
+ margin: 0;
+ }
+
+ .header p {
+ font-size: 1.5rem;
+ margin: 10px 0 0;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ .about, .music, .tour, .contact {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ font-size: 2rem;
+ margin-bottom: 20px;
+ }
+
+ .music-grid, .tour-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ }
+
+ .music-item, .tour-item {
+ background: #333333;
+ padding: 20px;
+ border-radius: 10px;
+ text-align: center;
+ }
+
+ .music-item h3, .tour-item h3 {
+ font-size: 1.5rem;
+ margin-bottom: 10px;
+ }
+
+ .contact-button {
+ display: inline-block;
+ padding: 10px 20px;
+ background: #ff6f61;
+ color: #ffffff;
+ text-decoration: none;
+ border-radius: 5px;
+ margin-top: 10px;
+ }
+
+ .footer {
+ background: #333333;
+ padding: 20px;
+ text-align: center;
+ }
+
+ .social-links {
+ margin-top: 10px;
+ }
+
+ .social-link {
+ color: #ff6f61;
+ text-decoration: none;
+ margin: 0 10px;
+ }
+
+ @media (max-width: 768px) {
+ .header h1 {
+ font-size: 2rem;
+ }
+
+ .header p {
+ font-size: 1rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ }
+
+ .music-item h3, .tour-item h3 {
+ font-size: 1.2rem;
+ }
+ }