testing

ladylexxie · Mar 8, 2023 · a16cf56 · a16cf56
1 parent 3db5a9a
commit a16cf56
Show file tree

Hide file tree

Showing 11 changed files with 722 additions and 16 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,7 +1,19 @@
-remote_theme: pages-themes/[email protected]
-plugins:
-- jekyll-remote-theme
+# command: bundle exec jekyll serve
+
 title: Lexxie's Minecraft JavaDocs
 description: A small repository of Forge/Fabric JavaDocs for quick and easy use.
-show_downloads: true
-google_analytics: G-K3TX5NPDG5
+baseurl: ""
+url: "https://lexxie.site"
+
+# User settings
+github_username: ladylexxie
+
+# Google-Analytics
+google-analytics:
+  id: "G-K3TX5NPDG5"
+
+# Clicky
+clicky:
+  id: "101400502"
+
+exclude: ['.vscode', 'Gemfile', 'Gemfile.lock']
diff --git a/_includes/clicky.html b/_includes/clicky.html
@@ -0,0 +1,12 @@
+<!-- Clicky -->
+{% if site.clicky %}
+<a title="GDPR-compliant Web Analytics" href="https://clicky.com/{{ site.clicky.id }}">
+  <img alt="Clicky" src="//static.getclicky.com/media/links/badge.gif" border="0" />
+</a>
+<script async src="//static.getclicky.com/{{ site.clicky.id }}.js"></script>
+<noscript>
+  <p>
+    <img alt="Clicky" width="1" height="1" src="//in.getclicky.com/{{ site.clicky.id }}ns.gif" />
+  </p>
+</noscript>
+{% endif %}
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,8 @@
+<footer class="footer">
+  <p>&copy; <a href="https://github.com/{{site.github_username}}">{{site.github_username}}</a></p>
+  <p>Built with Jekyll and <span class="love">❤</span> by <a href="https://github.com/nrandecker">Nathan Randecker</a></p>
+</footer>
+<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
+{% include google-analytics.html %}
+{% include clicky.html %}
diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html
@@ -0,0 +1,16 @@
+<!-- Google Analytics -->
+{% if site.google-analytics %}
+<script>
+  let dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
+  if (dnt != "1" && dnt != "yes") {
+    ((i, s, o, g, r, a, m) => {
+      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date(); a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+    ga('create', '{{ site.google-analytics.id }}', 'auto');
+    ga('send', 'pageview');
+  }
+</script>
+{% endif %}
diff --git a/_includes/head-custom.html b/_includes/head-custom.html
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,18 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>
+    {% if page.title %}
+    {{ page.title }}
+    {% else %}
+    {{ site.title }}
+    {% endif %}
+  </title>
+
+  <meta name="description" content="{{ site.description }}">
+
+  <link rel="stylesheet" href="{{ " /assets/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ " /assets/css/normalize.css" | prepend: site.baseurl }}">
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,6 @@
+<div class="header">
+  <h1>
+    <span class="site-title">{{site.title}}</span>
+    <span class="site-description">{{site.description}}</span>
+  </h1>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include head.html %}
+
+<body>
+  <div id="particles-js">
+    {% include header.html %}
+  </div>
+
+  <div class="page-content">
+    <section>
+      {{ content }}
+    </section>
+  </div>
+
+  {% include footer.html %}
+</body>
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,135 @@
+#particles-js {
+  background: #1a222c;
+  display: flex;
+  vertical-align: bottom;
+  width: 100%;
+  min-height: 100vh;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed
+}
+
+#particles-js .particles-js-canvas-el {
+  width: 100% !important;
+  height: 100vh !important
+}
+
+.header {
+  z-index: 1;
+  text-align: center;
+  color: #fff;
+  position: absolute;
+  left: 50%;
+  margin: 0 auto;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%)
+}
+
+.header .site-title {
+  font-size: 30px;
+  display: block;
+  line-height: 1;
+  color: #fff
+}
+
+@media only screen and (min-width:550px) {
+  .header .site-title {
+    margin: 0;
+    font-size: 50px
+  }
+}
+
+.header .site-description {
+  font-size: 20px;
+  display: block;
+  line-height: 1;
+  color: #fff;
+  margin-top: 10px
+}
+
+@media only screen and (min-width:550px) {
+  .header .site-description {
+    font-size: 20px
+  }
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  background: rgba(26, 34, 44, 0.8);
+  text-align: center;
+  color: #fff
+}
+
+.footer .love {
+  color: red
+}
+
+.footer p {
+  margin: 16px;
+  margin-bottom: 0px;
+}
+
+.footer a {
+  text-decoration: none;
+  margin: 0;
+  color: #fff
+}
+
+.page-content {
+  left: 0;
+  right: 0;
+  max-width: 650px;
+  min-width: 310px;
+  margin: 0 auto;
+  padding: 0 20px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: 0;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%)
+}
+
+.page-content h3 {
+  margin-top: 0px;
+}
+
+section {
+  color: #fff;
+  background: rgba(18, 23, 29, 0.8);
+  border-radius: 25px;
+  padding: 20px;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th {
+  text-align: left;
+  padding: 5px 10px;
+  border-bottom: 1px solid #434343;
+  color: #b6b6b6;
+  font-family: 'OpenSansSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  font-weight: normal;
+}
+
+td {
+  text-align: left;
+  padding: 5px 10px;
+  border-bottom: 1px solid #434343;
+}
+
+a {
+  color: #ff0000;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #ff9b9b;
+}