diff --git a/Gemfile.lock b/Gemfile.lock index b664cb9..7bed909 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,13 +1,14 @@ GEM remote: https://rubygems.org/ specs: - activesupport (4.2.11.1) - i18n (~> 0.7) + activesupport (6.0.3.4) + concurrent-ruby (~> 1.0, >= 1.0.2) + i18n (>= 0.7, < 2) minitest (~> 5.1) - thread_safe (~> 0.3, >= 0.3.4) tzinfo (~> 1.1) - addressable (2.6.0) - public_suffix (>= 2.0.2, < 4.0) + zeitwerk (~> 2.2, >= 2.2.2) + addressable (2.7.0) + public_suffix (>= 2.0.2, < 5.0) coffee-script (2.4.1) coffee-script-source execjs @@ -15,67 +16,67 @@ GEM colorator (1.1.0) commonmarker (0.17.13) ruby-enum (~> 0.5) - concurrent-ruby (1.1.5) - dnsruby (1.61.2) - addressable (~> 2.5) - em-websocket (0.5.1) + concurrent-ruby (1.1.8) + dnsruby (1.61.5) + simpleidn (~> 0.1) + em-websocket (0.5.2) eventmachine (>= 0.12.9) http_parser.rb (~> 0.6.0) ethon (0.12.0) ffi (>= 1.3.0) - eventmachine (1.2.7) eventmachine (1.2.7-x64-mingw32) execjs (2.7.0) - faraday (0.15.4) + faraday (1.3.0) + faraday-net_http (~> 1.0) multipart-post (>= 1.2, < 3) - ffi (1.11.1) - ffi (1.11.1-x64-mingw32) + ruby2_keywords + faraday-net_http (1.0.1) + ffi (1.14.2-x64-mingw32) forwardable-extended (2.6.0) gemoji (3.0.1) - github-pages (198) - activesupport (= 4.2.11.1) + github-pages (211) github-pages-health-check (= 1.16.1) - jekyll (= 3.8.5) - jekyll-avatar (= 0.6.0) + jekyll (= 3.9.0) + jekyll-avatar (= 0.7.0) jekyll-coffeescript (= 1.1.1) - jekyll-commonmark-ghpages (= 0.1.5) + jekyll-commonmark-ghpages (= 0.1.6) jekyll-default-layout (= 0.1.4) - jekyll-feed (= 0.11.0) + jekyll-feed (= 0.15.1) jekyll-gist (= 1.5.0) - jekyll-github-metadata (= 2.12.1) - jekyll-mentions (= 1.4.1) - jekyll-optional-front-matter (= 0.3.0) + jekyll-github-metadata (= 2.13.0) + jekyll-mentions (= 1.6.0) + jekyll-optional-front-matter (= 0.3.2) jekyll-paginate (= 1.1.0) - jekyll-readme-index (= 0.2.0) - jekyll-redirect-from (= 0.14.0) - jekyll-relative-links (= 0.6.0) - jekyll-remote-theme (= 0.3.1) + jekyll-readme-index (= 0.3.0) + jekyll-redirect-from (= 0.16.0) + jekyll-relative-links (= 0.6.1) + jekyll-remote-theme (= 0.4.2) jekyll-sass-converter (= 1.5.2) - jekyll-seo-tag (= 2.5.0) - jekyll-sitemap (= 1.2.0) - jekyll-swiss (= 0.4.0) + jekyll-seo-tag (= 2.7.1) + jekyll-sitemap (= 1.4.0) + jekyll-swiss (= 1.0.0) jekyll-theme-architect (= 0.1.1) jekyll-theme-cayman (= 0.1.1) jekyll-theme-dinky (= 0.1.1) - jekyll-theme-hacker (= 0.1.1) + jekyll-theme-hacker (= 0.1.2) jekyll-theme-leap-day (= 0.1.1) jekyll-theme-merlot (= 0.1.1) jekyll-theme-midnight (= 0.1.1) jekyll-theme-minimal (= 0.1.1) jekyll-theme-modernist (= 0.1.1) - jekyll-theme-primer (= 0.5.3) + jekyll-theme-primer (= 0.5.4) jekyll-theme-slate (= 0.1.1) jekyll-theme-tactile (= 0.1.1) jekyll-theme-time-machine (= 0.1.1) - jekyll-titles-from-headings (= 0.5.1) - jemoji (= 0.10.2) - kramdown (= 1.17.0) - liquid (= 4.0.0) - listen (= 3.1.5) + jekyll-titles-from-headings (= 0.5.3) + jemoji (= 0.12.0) + kramdown (= 2.3.0) + kramdown-parser-gfm (= 1.1.0) + liquid (= 4.0.3) mercenary (~> 0.3) - minima (= 2.5.0) - nokogiri (>= 1.8.5, < 2.0) - rouge (= 2.2.1) + minima (= 2.5.1) + nokogiri (>= 1.10.4, < 2.0) + rouge (= 3.26.0) terminal-table (~> 1.4) github-pages-health-check (1.16.1) addressable (~> 2.3) @@ -83,68 +84,70 @@ GEM octokit (~> 4.0) public_suffix (~> 3.0) typhoeus (~> 1.3) - html-pipeline (2.11.1) + html-pipeline (2.14.0) activesupport (>= 2) nokogiri (>= 1.4) http_parser.rb (0.6.0) i18n (0.9.5) concurrent-ruby (~> 1.0) - jekyll (3.8.5) + jekyll (3.9.0) addressable (~> 2.4) colorator (~> 1.0) em-websocket (~> 0.5) i18n (~> 0.7) jekyll-sass-converter (~> 1.0) jekyll-watch (~> 2.0) - kramdown (~> 1.14) + kramdown (>= 1.17, < 3) liquid (~> 4.0) mercenary (~> 0.3.3) pathutil (~> 0.9) rouge (>= 1.7, < 4) safe_yaml (~> 1.0) - jekyll-avatar (0.6.0) - jekyll (~> 3.0) + jekyll-avatar (0.7.0) + jekyll (>= 3.0, < 5.0) jekyll-coffeescript (1.1.1) coffee-script (~> 2.2) coffee-script-source (~> 1.11.1) jekyll-commonmark (1.3.1) commonmarker (~> 0.14) jekyll (>= 3.7, < 5.0) - jekyll-commonmark-ghpages (0.1.5) + jekyll-commonmark-ghpages (0.1.6) commonmarker (~> 0.17.6) - jekyll-commonmark (~> 1) - rouge (~> 2) + jekyll-commonmark (~> 1.2) + rouge (>= 2.0, < 4.0) jekyll-default-layout (0.1.4) jekyll (~> 3.0) - jekyll-feed (0.11.0) - jekyll (~> 3.3) + jekyll-feed (0.15.1) + jekyll (>= 3.7, < 5.0) jekyll-gist (1.5.0) octokit (~> 4.2) - jekyll-github-metadata (2.12.1) - jekyll (~> 3.4) + jekyll-github-metadata (2.13.0) + jekyll (>= 3.4, < 5.0) octokit (~> 4.0, != 4.4.0) - jekyll-mentions (1.4.1) + jekyll-mentions (1.6.0) html-pipeline (~> 2.3) - jekyll (~> 3.0) - jekyll-optional-front-matter (0.3.0) - jekyll (~> 3.0) + jekyll (>= 3.7, < 5.0) + jekyll-optional-front-matter (0.3.2) + jekyll (>= 3.0, < 5.0) jekyll-paginate (1.1.0) - jekyll-readme-index (0.2.0) - jekyll (~> 3.0) - jekyll-redirect-from (0.14.0) - jekyll (~> 3.3) - jekyll-relative-links (0.6.0) - jekyll (~> 3.3) - jekyll-remote-theme (0.3.1) - jekyll (~> 3.5) - rubyzip (>= 1.2.1, < 3.0) + jekyll-readme-index (0.3.0) + jekyll (>= 3.0, < 5.0) + jekyll-redirect-from (0.16.0) + jekyll (>= 3.3, < 5.0) + jekyll-relative-links (0.6.1) + jekyll (>= 3.3, < 5.0) + jekyll-remote-theme (0.4.2) + addressable (~> 2.0) + jekyll (>= 3.5, < 5.0) + jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0) + rubyzip (>= 1.3.0, < 3.0) jekyll-sass-converter (1.5.2) sass (~> 3.4) - jekyll-seo-tag (2.5.0) - jekyll (~> 3.3) - jekyll-sitemap (1.2.0) - jekyll (~> 3.3) - jekyll-swiss (0.4.0) + jekyll-seo-tag (2.7.1) + jekyll (>= 3.8, < 5.0) + jekyll-sitemap (1.4.0) + jekyll (>= 3.7, < 5.0) + jekyll-swiss (1.0.0) jekyll-theme-architect (0.1.1) jekyll (~> 3.5) jekyll-seo-tag (~> 2.0) @@ -154,8 +157,8 @@ GEM jekyll-theme-dinky (0.1.1) jekyll (~> 3.5) jekyll-seo-tag (~> 2.0) - jekyll-theme-hacker (0.1.1) - jekyll (~> 3.5) + jekyll-theme-hacker (0.1.2) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) jekyll-theme-leap-day (0.1.1) jekyll (~> 3.5) @@ -172,8 +175,8 @@ GEM jekyll-theme-modernist (0.1.1) jekyll (~> 3.5) jekyll-seo-tag (~> 2.0) - jekyll-theme-primer (0.5.3) - jekyll (~> 3.5) + jekyll-theme-primer (0.5.4) + jekyll (> 3.5, < 5.0) jekyll-github-metadata (~> 2.9) jekyll-seo-tag (~> 2.0) jekyll-theme-slate (0.1.1) @@ -185,47 +188,47 @@ GEM jekyll-theme-time-machine (0.1.1) jekyll (~> 3.5) jekyll-seo-tag (~> 2.0) - jekyll-titles-from-headings (0.5.1) - jekyll (~> 3.3) + jekyll-titles-from-headings (0.5.3) + jekyll (>= 3.3, < 5.0) jekyll-watch (2.2.1) listen (~> 3.0) - jemoji (0.10.2) + jemoji (0.12.0) gemoji (~> 3.0) html-pipeline (~> 2.2) - jekyll (~> 3.0) - kramdown (1.17.0) - liquid (4.0.0) - listen (3.1.5) - rb-fsevent (~> 0.9, >= 0.9.4) - rb-inotify (~> 0.9, >= 0.9.7) - ruby_dep (~> 1.2) + jekyll (>= 3.0, < 5.0) + kramdown (2.3.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.4.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) mercenary (0.3.6) - mini_portile2 (2.5.0) - minima (2.5.0) - jekyll (~> 3.5) + minima (2.5.1) + jekyll (>= 3.5, < 5.0) jekyll-feed (~> 0.9) jekyll-seo-tag (~> 2.1) - minitest (5.11.3) + minitest (5.14.3) multipart-post (2.1.1) - nokogiri (1.11.1) - mini_portile2 (~> 2.5.0) - racc (~> 1.4) nokogiri (1.11.1-x64-mingw32) racc (~> 1.4) - octokit (4.14.0) + octokit (4.20.0) + faraday (>= 0.9) sawyer (~> 0.8.0, >= 0.5.3) pathutil (0.16.2) forwardable-extended (~> 2.6) public_suffix (3.1.1) racc (1.5.2) - rb-fsevent (0.10.3) - rb-inotify (0.10.0) + rb-fsevent (0.10.4) + rb-inotify (0.10.1) ffi (~> 1.0) - rouge (2.2.1) - ruby-enum (0.7.2) + rexml (3.2.4) + rouge (3.26.0) + ruby-enum (0.8.0) i18n - ruby_dep (1.5.0) - rubyzip (2.2.0) + ruby2_keywords (0.0.4) + rubyzip (2.3.0) safe_yaml (1.0.5) sass (3.7.4) sass-listen (~> 4.0.0) @@ -235,20 +238,25 @@ GEM sawyer (0.8.2) addressable (>= 2.3.5) faraday (> 0.8, < 2.0) + simpleidn (0.2.1) + unf (~> 0.1.4) terminal-table (1.8.0) unicode-display_width (~> 1.1, >= 1.1.1) thread_safe (0.3.6) - typhoeus (1.3.1) + typhoeus (1.4.0) ethon (>= 0.9.0) - tzinfo (1.2.5) + tzinfo (1.2.9) thread_safe (~> 0.1) - tzinfo-data (1.2019.2) + tzinfo-data (1.2021.1) tzinfo (>= 1.0.0) - unicode-display_width (1.6.0) + unf (0.1.4) + unf_ext + unf_ext (0.0.7.7-x64-mingw32) + unicode-display_width (1.7.0) wdm (0.1.1) + zeitwerk (2.4.2) PLATFORMS - ruby x64-mingw32 DEPENDENCIES @@ -261,4 +269,4 @@ DEPENDENCIES wdm (~> 0.1.0) BUNDLED WITH - 2.0.2 + 2.2.7 diff --git a/gallery.html b/gallery.html new file mode 100644 index 0000000..212d6eb --- /dev/null +++ b/gallery.html @@ -0,0 +1,33 @@ +--- +layout: default +--- +{% include post-header.html %} +{% include boot.html %} +{% include post-title.html %} + + + + + + + + + +
+
+ {{ content }} +

Community Images

+

Check out some images submitted by our community.

+ Click here to suggest a picture! +
+ + +
+{% include footer.html %} \ No newline at end of file diff --git a/gallery/css/gallery.css b/gallery/css/gallery.css new file mode 100644 index 0000000..27037cf --- /dev/null +++ b/gallery/css/gallery.css @@ -0,0 +1,46 @@ +#gallery-border { + padding: 0 165px; +} + +#img-container { + line-height: 0; + column-count: 5; + column-gap: 5px; +} + +#img-container img { + width: 100% !important; + height: auto; !important; + margin-bottom: 5px; + +} + +#img-container img:hover { + cursor: pointer; + color: #c0c0c0; + opacity: 0.85; +} + +@media (max-width:400px) { + #gallery-border { + padding: 0; + } + #img-container { + column-count: 1; + } +} + +@media (max-width: 450px) { /* this covers most wider mobile devices.*/ + #gallery-border { + padding: 0; + } + #img-container { + column-count: 2; + } +} + +@media (max-width: 1200px) { + #img-container { + column-count: 3; + } +} diff --git a/gallery/css/modal.css b/gallery/css/modal.css new file mode 100644 index 0000000..ad0820d --- /dev/null +++ b/gallery/css/modal.css @@ -0,0 +1,49 @@ +#modal { + display:none; + position: fixed; + z-index: 1; + padding-top: 25px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0,0,0,0.9); + +} + +#modal-image { + margin: auto; + display: block; + width: 70%; +} + +#modal-image { + animation-name: zoom; + animation-duration: 0.6s; +} + +@keyframes zoom { + from {transform:scale(0)} + to {transform:scale(1)} +} + +#close-button { + position: absolute; + top: 15px; + right: 35px; + color: #f1f1f1; + font-size: 60px; + font-weight: bold; + transition: 0.3s; + height: 100%; +} + +#close-button:hover, +#close-button:focus { + color: #bbb; + text-decoration: none; + cursor: pointer; +} + + diff --git a/gallery/discord.html b/gallery/discord.html new file mode 100644 index 0000000..d922d05 --- /dev/null +++ b/gallery/discord.html @@ -0,0 +1,5 @@ +--- +layout: redirect +title: Discord Server +redirect-url: https://discord.gg/QXPCk2y +--- \ No newline at end of file diff --git a/gallery/imageArray.js b/gallery/imageArray.js new file mode 100644 index 0000000..ae30f5c --- /dev/null +++ b/gallery/imageArray.js @@ -0,0 +1,19 @@ +const images = [ + 'https://cdn.discordapp.com/attachments/464678554681081856/862770241435861022/2021-07-08_14.00.22.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/863619231735742474/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/862367488301596672/2021-07-07_14.47.26.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/865589533559357490/2021-07-15_17.23.41_3.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/865953264440967208/2021-07-17_16.41.19.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/865232382679318568/2021-07-15_17.59.06.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/862367488301596672/2021-07-07_14.47.26.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/861517186475622420/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/859336215693885460/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/853901944116477972/2021-06-14_16.26.14.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/853897505539096576/2021-06-13_22.19.45.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/853148511393939477/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/853143898767097916/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/852790558636507176/ezgif.com-gif-maker.gif', + 'https://cdn.discordapp.com/attachments/464678554681081856/852788597312192532/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/852501391486615552/unknown.png', + 'https://cdn.discordapp.com/attachments/464678554681081856/849603591920418836/unknown.png' +]; \ No newline at end of file diff --git a/gallery/img/tiny.png b/gallery/img/tiny.png new file mode 100644 index 0000000..e67aa0c Binary files /dev/null and b/gallery/img/tiny.png differ diff --git a/gallery/js/gallery.js b/gallery/js/gallery.js new file mode 100644 index 0000000..28aa680 --- /dev/null +++ b/gallery/js/gallery.js @@ -0,0 +1,12 @@ +function insertImages() { + images.forEach(function(image) { + const img = document.createElement('img'); + img.src = "gallery/img/tiny.png" + img.className = "lazy" + img.id = image + img.onclick = function () { + openModal(this.src) + } + document.getElementById("img-container").appendChild(img); + }); +} \ No newline at end of file diff --git a/gallery/js/lazyLoader.js b/gallery/js/lazyLoader.js new file mode 100644 index 0000000..7adc491 --- /dev/null +++ b/gallery/js/lazyLoader.js @@ -0,0 +1,50 @@ +document.addEventListener("DOMContentLoaded",function() { + var toLoad + + if("IntersectionObserver" in window) { + toLoad = document.querySelectorAll(".lazy") + var imageObserver = new IntersectionObserver(function (entries,observer){ + entries.forEach(function (entry) { + if (entry.isIntersecting) { + var image = entry.target + image.src = image.id + image.classList.remove("lazy") + imageObserver.unobserve(image) + } + }) + }) + + toLoad.forEach(function (image) { + imageObserver.observe(image) + }) + } else { + var timeout + toLoad = document.querySelectorAll(".lazy") + + function lazyLoad() { + if(timeout) { + clearTimeout(timeout) + } + + timeout = setTimeout(function () { + var scrollTop = window.pageYOffset + toLoad.forEach(function (img){ + if(img.offsetTop < (window.innerHeight + scrollTop)) { + img.src = img.id + img.classList.remove('lazy') + } + }) + + if(toLoad.length == 0) { + document.removeEventListener("scroll", lazyLoad) + window.removeEventListener("resize", lazyLoad) + window.removeEventListener("orientationchange", lazyLoad) + + } + }, 20) + } + document.addEventListener("scroll",lazyLoad) + window.addEventListener("resize",lazyLoad) + window.addEventListener("orientationchange", lazyLoad) + } +}) diff --git a/gallery/js/modal.js b/gallery/js/modal.js new file mode 100644 index 0000000..c4098f2 --- /dev/null +++ b/gallery/js/modal.js @@ -0,0 +1,9 @@ +function openModal(_src) { + document.getElementById("modal").style.display = "block" + document.getElementById("modal-image").src = _src +} + +function closeModal() { + document.getElementById("modal").style.display = "none" +} + diff --git a/index.html b/index.html index ef17342..83d8ee6 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ description: --- + @@ -13,7 +14,6 @@
{% if paginator.page == 1 %} {% include homepage-title.html %} -