Updates

* Fixed home page going out of bound due to git commit message.

* Git commit message will no longer have dotted underline. The old solution by using border-bottom wasn't suitable when the text is being split by word-break, but text-decoration-style wouldn't look as good due to its distance from the text being too close.

* Updated bulma to 0.7.2.

* Bumped v1 and v3 version strings.

* Various other small tweaks.

public/css/home.css

@@ -153,6 +153,7 @@
 }
 
 #linksColumn {
+  margin-top: -0.25rem;
   margin-left: -0.25rem;
   margin-right: -0.25rem;
   -webkit-animation: fadeInOpacity .5s;
@@ -160,8 +161,7 @@
 }
 
 #linksColumn .column {
-  padding-left: 0.25rem;
+  padding: 0.25rem;
-  padding-right: 0.25rem;
 }
 
 #linksColumn>span {
@@ -198,3 +198,8 @@
   -webkit-animation: fadeInOpacity .5s;
   animation: fadeInOpacity .5s;
 }
+
+.git-commit a {
+  display: inline-block;
+  word-break: break-all;
+}

public/css/style.css

@@ -25,10 +25,6 @@ a {
   color: #3794d2;
 }
 
-a.is-dotted {
-  border-bottom: 1px dotted #3794d2;
-}
-
 a:hover {
   color: #60a8dc;
 }

public/js/dashboard.js

@@ -111,7 +111,7 @@ page.prepareDashboard = function () {
   page.dom = document.getElementById('page')
   page.dom.addEventListener('click', page.domClick, true)
 
-  document.getElementById('auth').style.display = 'none'
+  // document.getElementById('auth').style.display = 'none'
   document.getElementById('dashboard').style.display = 'block'
 
   if (page.permissions.moderator) {

public/libs/bulma/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 Jeremy Thomas
+Copyright (c) 2018 Jeremy Thomas
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

views/_globals.njk

@@ -15,9 +15,9 @@
   v2: Images and config files (manifest.json, browserconfig.xml, etc).
   v3: CSS and JS files (libs such as bulma, lazyload, etc).
 #}
-{% set v1 = "pt1vlNTrbG" %}
+{% set v1 = "ll7yHY3b2b" %}
 {% set v2 = "Ii3JYKIhb0" %}
-{% set v3 = "8xbKOM7u3w" %}
+{% set v3 = "ll7yHY3b2b" %}
 
 {#
   These will be the links in the homepage and the No-JS uploader.

views/_partial/noscript.njk

@@ -6,10 +6,10 @@
 #}
 
 <noscript>
-  <style>body > section { display: none !important; }</style>
+  <style>body > section:not(#noscript) { display: none !important; }</style>
-  <section class="hero is-fullheight has-text-centered">
+  <section id="noscript" class="hero is-fullheight">
-    <div class="hero-body section">
+    <div class="hero-body">
-      <div class="container">
+      <div class="container has-text-centered">
         <p>You have JavaScript disabled, but this page requires JavaScript to function.</p>
         <p>Please <a href="nojs">click here</a> if you want to try out our No-JS uploader.</p>
       </div>

views/album.njk

@@ -62,7 +62,7 @@
     {% if generateZips and downloadLink and files.length -%}
     <article class="message">
       <div class="message-body">
-        Album archives may be cached by CDN, if the one you downloaded seems outdated, you should try refreshing the page to get the latest version of the download link.
+        Album archives may be cached by CDN, if the one you have downloaded seems outdated, refresh the page to get the latest download link.
       </div>
     </article>
     {%- endif %}

views/dashboard.njk

@@ -19,6 +19,8 @@
 
 {% block content %}
 {{ super() }}
+{#
+<!-- This isn't even being used apparently -->
 <section id="auth" class="hero is-light is-fullheight">
   <div class="hero-body">
     <div class="container">
@@ -34,6 +36,7 @@
     </div>
   </div>
 </section>
+#}
 
 <section id="dashboard" class="section">
   <div id="panel" class="container">

views/faq.njk

@@ -18,8 +18,7 @@
 
 {% block content %}
 {{ super() }}
-<section class="hero is-fullheight has-text-centered" id="home">
+<section class="section">
-  <div class="hero-body">
   <div class="container has-text-left">
     <h2 class='subtitle'>What is safe.fiery.me?</h2>
     <article class="message">
@@ -119,6 +118,5 @@
     </article>
     {%- endif %}
   </div>
-  </div>
 </section>
 {% endblock %}

views/home.njk

@@ -29,16 +29,16 @@
 
 {% block content %}
 {{ super() }}
-<section class="hero is-fullheight has-text-centered" id="home">
+<section id="home" class="hero is-fullheight">
-  <div class="hero-body section">
+  <div class="hero-body">
-    <div class="container">
+    <div class="container has-text-centered">
       <p id="b">
         <img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
       </p>
       <h1 class="title">{{ globals.name }}</h1>
       <h2 class="subtitle">{{ globals.home_subtitle | safe }}</h2>
 
-      <h3 class="subtitle" id="maxFileSize"></h3>
+      <h3 id="maxFileSize" class="subtitle"></h3>
 
       <div class="columns is-gapless">
         <div class="column is-hidden-mobile"></div>
@@ -128,7 +128,13 @@
       {% include "_partial/links.njk" %}
 
       {% if gitHash -%}
-      <p class="git-commit">Git commit: <a class="is-dotted" href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a></p>
+      <div class="git-commit columns is-gapless">
+        <div class="column is-hidden-mobile"></div>
+        <div class="column">
+          <span>Git commit: </span><a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a>
+        </div>
+        <div class="column is-hidden-mobile"></div>
+      </div>
       {%- endif %}
     </div>
   </div>

views/nojs.njk

@@ -7,9 +7,9 @@
 
 {% block content %}
 {{ super() }}
-<section class="hero is-fullheight has-text-centered" id="home">
+<section id="home" class="hero is-fullheight">
-  <div class="hero-body section">
+  <div class="hero-body">
-    <div class="container">
+    <div class="container has-text-centered">
       <p id="b">
         <img class="logo" alt="logo" src="images/logo_smol.png?v={{ globals.v2 }}">
       </p>
@@ -62,7 +62,13 @@
       {% include "_partial/links.njk" %}
 
       {% if gitHash -%}
-      <p>Git commit: <a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a></p>
+      <div class="git-commit columns is-gapless">
+        <div class="column is-hidden-mobile"></div>
+        <div class="column">
+          <span>Git commit: </span><a href="https://github.com/BobbyWibowo/lolisafe/commit/{{ gitHash }}" target="_blank" rel="noopener">{{ gitHash }}</a>
+        </div>
+        <div class="column is-hidden-mobile"></div>
+      </div>
       {%- endif %}
     </div>
   </div>