* 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.
This commit is contained in:
Bobby Wibowo 2018-12-08 05:10:35 +07:00
parent 2ee1c40868
commit 1eafafe8a7
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
12 changed files with 131 additions and 117 deletions

View File

@ -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-right: 0.25rem;
padding: 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;
}

View File

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

View File

@ -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) {

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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.

View File

@ -6,10 +6,10 @@
#}
<noscript>
<style>body > section { display: none !important; }</style>
<section class="hero is-fullheight has-text-centered">
<div class="hero-body section">
<div class="container">
<style>body > section:not(#noscript) { display: none !important; }</style>
<section id="noscript" class="hero is-fullheight">
<div class="hero-body">
<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>

View File

@ -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 %}

View File

@ -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">

View File

@ -18,8 +18,7 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body">
<section class="section">
<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 %}

View File

@ -29,16 +29,16 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body section">
<div class="container">
<section id="home" class="hero is-fullheight">
<div class="hero-body">
<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>

View File

@ -7,9 +7,9 @@
{% block content %}
{{ super() }}
<section class="hero is-fullheight has-text-centered" id="home">
<div class="hero-body section">
<div class="container">
<section id="home" class="hero is-fullheight">
<div class="hero-body">
<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>