diff --git a/about.html b/about.html index 4080101..2f993c5 100644 --- a/about.html +++ b/about.html @@ -454,144 +454,7 @@ You can check out more information listed below. diff --git a/blog.html b/blog.html index c80fe30..260a1b7 100644 --- a/blog.html +++ b/blog.html @@ -471,144 +471,7 @@ You can check out our blogs listed below. diff --git a/carousel.html b/carousel.html new file mode 100644 index 0000000..7be80c8 --- /dev/null +++ b/carousel.html @@ -0,0 +1,141 @@ + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + VELTRON's Button + + + diff --git a/chat.html b/chat.html index 2b81eb2..aef03a1 100644 --- a/chat.html +++ b/chat.html @@ -457,144 +457,7 @@ @@ -629,7 +492,6 @@ } } - diff --git a/css/Veltron-MC.css b/css/Veltron-MC.css deleted file mode 100644 index c1ad4e7..0000000 --- a/css/Veltron-MC.css +++ /dev/null @@ -1,270 +0,0 @@ -/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your - HTML content. To learn how to do something, just try searching Google for questions like - "how to change link color." */ - -#sitecanvas { - max-width:1020px ; - border-radius: 20px; - margin:0 auto; - box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933; - background-color:#30232a; -} - -@font-face { - font-family: 'futuracyrillicbold'; - src: url('https://www.veltron.net/fonts/futuracyrillicbold-webfont.woff'); -} - -@font-face { - font-family: 'minecraftten'; - src: url('https://www.veltron.net/fonts/MinecraftTen.woff'); -} - -:root { - --HeaderFontSize: 36px; /* global scope */ -} - -body { - background-color: white; - background-image: url('https://www.veltron.net/images/Veltron-MC/1/TempBG.png'); - background-size: cover; - background-repeat: no-repeat; - background-position: center center; - background-attachment: fixed; - color: black; - font-family: Arial; -} - -#pagecontent { - display: block; - font-size:17px ; - line-height: 1.2; - padding:20px 50px; - background-color: white; - } - -img { - max-width: 100%; - max-height: 100%; -} - -h1 { - font-family: 'minecraftten'; -} - -h2 { - font-family: 'minecraftten'; - font-size: 30px; - line-height: 0.5; -} - -#sitemenu{ - font-size: 30px; - padding: 10px 0px; - color: White; - font-family: 'FuturaCyrillicBold'; - } - -.nav { - display:flex; - justify-content: space-evenly; - margin-left: 0; - text-align: center; - margin-top: 0; - margin-bottom: 5px; - overflow: hidden; -} - -.nav a { - font-family: inherit; - display: flex; - padding-right: 13px; - padding-left: 13px; - overflow: hidden; - align-items: center; - justify-content: center; - text-decoration: none; - color: white; -} - -.nav a:hover{ - text-decoration:none ; - color: #a999a2; -} - -#menulist{ - transition: all 0.2s; -} - -.joinbutton{ - max-height: 44px; -} - -.dropdown { - float: left; - overflow: hidden; -} - -.dropdown .dropbtn { - max-width: 200px; - max-height:38px; - padding-right: 13px; - padding-left: 13px; - border: none; - outline: none; - color: white; - font-size:inherit; - background-color: inherit; - font-family: inherit; - margin: 0; -} - -.nav a:hover, .dropdown:hover .dropbtn { - color: #a999a2; -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #a999a2; - font-size:24px; - font-family: Verdana; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); - z-index: 1; -} - -.dropdown-content a { - float: none; - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; - text-align: left; - background-color: white; -} - -.dropdown-content a:hover { - background-color: black; - color:white; -} - -.dropdown:hover .dropdown-content { - display: block; -} - -.welcomeFlex { - display:flex; - padding: 0px 0px 30px 0px; - border-bottom: 1px solid grey; -} - -.welcomeFlex p { - padding-right: 50px; -} - -.welcomeFlex img { - border-radius: 6px; - max-width: 25%; - max-height: 25%; - box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933; - height: auto -} - -.mainFlex { - display:flex; - padding: 0px 0px 0px 0px; -} - -.mainFlex2 { - display:flex; - padding: 30px 20px 20px 0px; - border-bottom: 1px solid grey; -} - -.welcomeFlex h1 { - line-height:0.1; - padding: 0px 0px 20px 0px; -} - -.mainFlex p { - padding-right: 50px; - -} - -.mainFlex h3{ - font-family:'minecraftten'; - font-size: 20px; - line-height: 0.5; -} - -.mainFlex2 button{ - width: 135px; - height: 35px; - border: none; - outline: none; - color: white; - padding: 0px 0px 0px 0px; - font-size:18px; - background-color: #30232a; - font-family: 'FuturaCyrillicBold'; - margin: 0; -} - -.mainFlex2 img{ - border-radius:8px; - max-height:240px; - max-width:240px; -} - -.newsPeek{ - display:block; - width: 200px; - border:2px solid; - padding: 0.01em 16px; - border-color:black; - border-radius: 8px; - justify-content:flex-end; -} - -.newsPeek img{ - margin: 16px 0px; - max-width: 100%; - max-height: 100%; -} - -.newsPeek h3{ - font-family:'FuturaCyrillicBold'; - line-height: 0.5; -} - -.imgFlex { - display:flex; - padding: 30px 0px 0px 0px; - justify-content:space-between; -} - -.imgFlex div{ - padding: 10px; - flex-shrink:1; -} - -.imgFlex img{ - border-radius:10px; - width: 100%; - height: auto -} - - - -.join-btn { - width: 135px; - height: 35px; - border: none; - outline: none; - color: white; - font-size:18px; - background-color: #30232a; - font-family: 'FuturaCyrillicBold'; - cursor: pointer; -} diff --git a/donate.html b/donate.html index 16fb17c..c4fb639 100644 --- a/donate.html +++ b/donate.html @@ -459,144 +459,7 @@ @@ -618,7 +481,6 @@
- diff --git a/dragon-linux.html b/dragon-linux.html index 77d76ec..b06896f 100644 --- a/dragon-linux.html +++ b/dragon-linux.html @@ -473,144 +473,7 @@ Dragon Linux aims to bring you a Dragon themed Linux® experience. Dragon Linux @@ -647,7 +510,6 @@ Dragon Linux aims to bring you a Dragon themed Linux® experience. Dragon Linux popup.style.display = "none"; } - diff --git a/error.html b/error.html index 7c213a6..f015d6a 100644 --- a/error.html +++ b/error.html @@ -435,144 +435,7 @@ TOP 에서 다시 접속해 주시기 바랍니다.
diff --git a/fonts/MinecraftTen.woff b/fonts/MinecraftTen.woff deleted file mode 100644 index db70f0c..0000000 Binary files a/fonts/MinecraftTen.woff and /dev/null differ diff --git a/fonts/futuracyrillicbold-webfont.woff b/fonts/futuracyrillicbold-webfont.woff deleted file mode 100644 index 256d71d..0000000 Binary files a/fonts/futuracyrillicbold-webfont.woff and /dev/null differ diff --git a/guestbook.html b/guestbook.html index bdb7158..2f7d012 100644 --- a/guestbook.html +++ b/guestbook.html @@ -471,144 +471,7 @@ @@ -643,7 +506,6 @@ } } - diff --git a/hacker-lab.html b/hacker-lab.html index 110284b..4f03e02 100644 --- a/hacker-lab.html +++ b/hacker-lab.html @@ -432,144 +432,7 @@ @@ -591,7 +454,6 @@
- diff --git a/index.html b/index.html index 5f7d6e1..444e41e 100644 --- a/index.html +++ b/index.html @@ -495,144 +495,7 @@ With the recent trend of internet censorship I have been thinking about alternat diff --git a/javascript/carousel.js b/javascript/carousel.js index ea83157..916b5c6 100644 --- a/javascript/carousel.js +++ b/javascript/carousel.js @@ -1,13 +1,35 @@ -// Duplicate buttons in Carousel -document.addEventListener("DOMContentLoaded", function () { - const ORIGINAL_BUTTONS = document.querySelectorAll( - ".carousel-buttons > div > a" - ); - const BUTTONS_CONTAINER = document.querySelector(".carousel-buttons > div"); +document.addEventListener("DOMContentLoaded", async () => { + const container = document.querySelector(".carousel-placeholder"); + if (!container) return; - // Loop through original buttons and clone anchor elements - ORIGINAL_BUTTONS.forEach(function (button) { - const CLONED_BUTTON = button.cloneNode(true); - BUTTONS_CONTAINER.appendChild(CLONED_BUTTON); - }); + try { + const res = await fetch("/carousel.html"); + const html = await res.text(); + + // Inject HTML + container.innerHTML = html; + + // Let the browser paint once before heavy DOM work + await new Promise(requestAnimationFrame); + + const buttonsWrapper = container.querySelector(".carousel-buttons > div"); + if (!buttonsWrapper) return; + + // Prevent double-run + if (buttonsWrapper.dataset.cloned === "true") return; + buttonsWrapper.dataset.cloned = "true"; + + const originals = buttonsWrapper.querySelectorAll("a"); + + // Use DocumentFragment to avoid layout thrashing + const fragment = document.createDocumentFragment(); + + originals.forEach((btn) => { + fragment.appendChild(btn.cloneNode(true)); + }); + + buttonsWrapper.appendChild(fragment); + } catch (err) { + console.error("Carousel load failed:", err); + } }); diff --git a/mc.html b/mc.html index b0092fc..067b932 100644 --- a/mc.html +++ b/mc.html @@ -495,144 +495,7 @@ You can check out more information listed below. @@ -669,7 +532,6 @@ You can check out more information listed below. popup.style.display = "none"; } - diff --git a/members.html b/members.html index 6a9e3d3..4b84e46 100644 --- a/members.html +++ b/members.html @@ -448,144 +448,7 @@ You can check out our members listed below.
diff --git a/services.html b/services.html index 3f8b10e..a1ecefc 100644 --- a/services.html +++ b/services.html @@ -445,144 +445,7 @@ You can check out our services listed below.
diff --git a/status.html b/status.html index 4e34975..1abd387 100644 --- a/status.html +++ b/status.html @@ -432,144 +432,7 @@