mirror of
https://github.com/tuna/mirror-web.git
synced 2025-12-25 20:32:46 +00:00
seperate style.scss
This commit is contained in:
Miao Wang
parent
677e0d3a32
commit
a183708cf6
6
404.html
6
404.html
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
permalink: /404.html
|
||||
jsEntry: notfound
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
|
@ -24,7 +25,7 @@ permalink: /404.html
|
|||
{% endif %}
|
||||
</div>
|
||||
<div class="not-found-text thuhidden">
|
||||
如果您认为这一定是出了什么问题，或者正在寻找暂未包含的镜像，欢迎您前往
|
||||
如果您认为这一定是出了什么问题，或者正在寻找暂未包含的镜像，欢迎您前往
|
||||
<a href="https://github.com/tuna/issues/issues/new/choose">
|
||||
{% fa_svg fab.fa-github %} tuna/issues
|
||||
</a>
|
||||
|
|
@ -53,7 +54,7 @@ permalink: /404.html
|
|||
var bugURL = new URL(bugLink.href);
|
||||
bugURL.searchParams.append("title", tag + "404 at " + location.pathname);
|
||||
bugLink.href = bugURL.href;
|
||||
|
||||
|
||||
var mrLink = document.getElementById("new_issue_mr");
|
||||
var mrURL = new URL(mrLink.href);
|
||||
mrURL.searchParams.append("title", tag + "Mirror Request for new mirror " +
|
||||
|
|
@ -66,4 +67,3 @@ permalink: /404.html
|
|||
<!--
|
||||
vim: ts=2 sts=2 sw=2 noexpandtab
|
||||
-->
|
||||
|
||||
|
|
|
|||
|
|
@ -38,6 +38,7 @@
|
|||
{% endunless %}
|
||||
<script src="/static/js/webfont.js?{{ site.data['hash'] }}"></script>
|
||||
<script src="/static/js/thuhidden.js?{{ site.data['hash'] }}"></script>
|
||||
{% include vite_script.html %}
|
||||
{% if page.legacy %}
|
||||
<style>
|
||||
.container {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
{% vite_javascript_tag {{ include.entry }} %}
|
||||
{% capture entry_legacy %}{{ include.entry }}-legacy.js{% endcapture %}
|
||||
{% capture entry %}{% if layout.jsEntry %}{{ layout.jsEntry }}{% elsif page.jsEntry %}{{ page.jsEntry }}{% else %}default{% endif %}{% endcapture %}
|
||||
{% vite_javascript_tag {{ entry }} %}
|
||||
{% capture entry_legacy %}{{ entry }}-legacy.js{% endcapture %}
|
||||
<script src="{% vite_asset_path /vite/legacy-polyfills-legacy %}" defer nomodule></script>
|
||||
<script src="{% vite_asset_path {{ entry_legacy }} %}" defer nomodule></script>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
---
|
||||
jsEntry: help
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{% capture metaDesc %}{{ page.mirrorid }} 使用帮助{% endcapture %}
|
||||
|
|
@ -50,8 +53,6 @@
|
|||
<script type="text/x-tuna-help-mirrorid">
|
||||
{{page.mirrorid | jsonify}}
|
||||
</script>
|
||||
{% capture entry %}{% if page.layout == "helpz" %}helpz{% else %}help{% endif %}{% endcapture %}
|
||||
{% include vite_script.html entry=entry %}
|
||||
|
||||
</html>
|
||||
<!--
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
layout: help
|
||||
jsEntry: helpz
|
||||
---
|
||||
{{ content }}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
---
|
||||
jsEntry: app
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html {% if site.issue %}class="index-issue"{% endif %}>
|
||||
{% include head.html notArticle=true %}
|
||||
|
|
@ -180,7 +183,6 @@
|
|||
{% endraw %}
|
||||
{% unless page.legacy or site.issue %}
|
||||
<script src="/static/js/index.js?{{ site.data['hash'] }}"></script>
|
||||
{% include vite_script.html entry="app" %}
|
||||
{% endunless %}
|
||||
</html>
|
||||
<!--
|
||||
|
|
|
|||
|
|
@ -89,3 +89,9 @@ const switchCategory = (category) => {
|
|||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.nav-tabs {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import Empty from '../components/Empty.vue'
|
||||
import IsoModal from '../components/IsoModal.vue'
|
||||
import { createApp } from 'vue';
|
||||
import './default'
|
||||
import '../styles/main-page.scss'
|
||||
|
||||
const empty = createApp(Empty);
|
||||
empty.mount("#upgrade-mask");
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
import '../styles/global.scss'
|
||||
|
|
@ -8,6 +8,7 @@ import hljs from 'highlight.js';
|
|||
import Mark from 'markup-js';
|
||||
import {TUNASYNC_JSON_PATH} from '../lib/consts'
|
||||
import {mirrorId} from '../lib/mirrorid'
|
||||
import './default'
|
||||
import '../styles/help.scss'
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
import "./default"
|
||||
import "../styles/notfound.scss"
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
import "./default"
|
||||
import "../styles/status.scss"
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
@use "./utils.scss" as utils;
|
||||
@use "sass:map";
|
||||
|
||||
@use "bootstrap" as bs with (
|
||||
$color-mode-type: media-query,
|
||||
);
|
||||
|
||||
$color_thu_purple_dark: #C353D3;
|
||||
$font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
|
||||
$footer_color: #384452;
|
||||
|
||||
$color_thu_purple: if(map.get(jekyll-config(), "issue"), $color_thu_purple_dark, #82318E);
|
||||
|
||||
@include utils.noissue {
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
pre {
|
||||
@extend .border;
|
||||
@extend .rounded;
|
||||
@extend .p-2;
|
||||
@extend .bg-secondary-subtle;
|
||||
code {
|
||||
@extend .p-0;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
@extend .p-1;
|
||||
@extend .rounded;
|
||||
@extend .bg-secondary-subtle;
|
||||
}
|
||||
|
||||
h1, h2, h3, .h1, .h2, .h3 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
h4, h5, h6, .h4, .h5, .h6 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
#footerwrap {
|
||||
color: bs.$body-color-dark;
|
||||
margin-top: 100px;
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
background: $footer_color;
|
||||
a {
|
||||
color: bs.$link-color-dark;
|
||||
}
|
||||
a:hover {
|
||||
color: bs.$link-hover-color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.spacing {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vbottom {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.nonthu .thuhidden{
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1.42857143em;
|
||||
fill: currentColor;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||
svg.icon {
|
||||
height: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
.content-select {
|
||||
/* override color of form-control from bootstrap */
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
-moz-transition: background-color .4s linear, color .4s linea, border-color .4s linear;
|
||||
-o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
-ms-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
--bs-navbar-active-color: #{$color_thu_purple};
|
||||
--bs-navbar-hover-color: #{$color_thu_purple};
|
||||
@include utils.dark{
|
||||
--bs-navbar-active-color: #{$color_thu_purple_dark};
|
||||
--bs-navbar-hover-color: #{$color_thu_purple_dark};
|
||||
}
|
||||
.navbar-nav > li > a.active {
|
||||
border-bottom: 2px solid $color_thu_purple;
|
||||
@include utils.dark{
|
||||
border-bottom-color: $color_thu_purple_dark;
|
||||
}
|
||||
}
|
||||
.navbar-nav > li > a {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
}
|
||||
.nav-link {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-weight: 900;
|
||||
padding: 0px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
|
@ -174,3 +174,8 @@
|
|||
.hljs-variable { color: #f8f8f2 } // Name.Variable
|
||||
|
||||
}
|
||||
|
||||
#help-page {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,62 @@
|
|||
@use "./sync-status.scss";
|
||||
|
||||
@use "bootstrap" as bs;
|
||||
|
||||
#mirrors {
|
||||
tbody {
|
||||
td {
|
||||
padding: 4px 8px;
|
||||
border-style: none;
|
||||
}
|
||||
font-size: 12pt;
|
||||
.badge.badge-new {
|
||||
padding: .1em .2em;
|
||||
vertical-align: 40%;
|
||||
text-shadow: 1px 1px #888;
|
||||
margin-right: 4px;
|
||||
background-color: #3aa0e6;
|
||||
}
|
||||
.badge.badge-status {
|
||||
vertical-align: 20%;
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
#download-link {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
#mirror-title {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.index-issue {
|
||||
#footerwrap {
|
||||
background: transparent;
|
||||
}
|
||||
body {
|
||||
background-color: black;
|
||||
color: bs.$body-color-dark;
|
||||
--bs-emphasis-color-rgb: white;
|
||||
--bs-link-color: #{bs.$link-color-dark};
|
||||
--bs-link-color-hover: #{bs.$link-hover-color-dark};
|
||||
}
|
||||
}
|
||||
|
||||
#search {
|
||||
line-height: 18px;
|
||||
padding: 8px;
|
||||
border: 1px solid #e3e3e3;
|
||||
max-width: 240px;
|
||||
height: 30px;
|
||||
font-size: 16px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#upgrade-mask{
|
||||
color: black;
|
||||
p {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
@use "./utils.scss" as utils;
|
||||
|
||||
.not-found {
|
||||
height: 600px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.not-found-bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
|
||||
z-index: -1;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
@include utils.noissue {
|
||||
opacity: .5;
|
||||
filter: grayscale(0.2);
|
||||
background-image: url(/static/img/missing.png);
|
||||
background-image: -webkit-image-set(url("/static/img/missing.png") 1x,
|
||||
url("/static/img/missing@2x.png") 2x,
|
||||
url("/static/img/missing@3x.png") 3x,
|
||||
url("/static/img/missing@4x.png") 4x);
|
||||
background-image: image-set(url("/static/img/missing.png") 1x,
|
||||
url("/static/img/missing@2x.png") 2x,
|
||||
url("/static/img/missing@3x.png") 3x,
|
||||
url("/static/img/missing@4x.png") 4x);
|
||||
}
|
||||
|
||||
@include utils.dark {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
background-image: url(/static/img/missing-dark.png);
|
||||
background-image: -webkit-image-set(url("/static/img/missing-dark.png") 1x,
|
||||
url("/static/img/missing-dark@2x.png") 2x,
|
||||
url("/static/img/missing-dark@3x.png") 3x,
|
||||
url("/static/img/missing-dark@4x.png") 4x);
|
||||
background-image: image-set(url("/static/img/missing-dark.png") 1x,
|
||||
url("/static/img/missing-dark@2x.png") 2x,
|
||||
url("/static/img/missing-dark@3x.png") 3x,
|
||||
url("/static/img/missing-dark@4x.png") 4x);
|
||||
}
|
||||
}
|
||||
|
||||
.nonthu .not-found-bg {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.not-found-hint {
|
||||
font-weight: bold;
|
||||
font-size: 48px;
|
||||
margin-bottom: 40px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.not-found-link {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.not-found-text {
|
||||
max-width: 450px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 80px;
|
||||
font-size: 16px;
|
||||
opacity: .7;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.not-found-code {
|
||||
font-size: 12px;
|
||||
opacity: .54;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
@use "./sync-status.scss";
|
||||
|
||||
table.flat {
|
||||
&>tbody>tr {
|
||||
border-bottom-width: var(--bs-border-width);
|
||||
}
|
||||
|
||||
&>thead>tr {
|
||||
border-bottom-width: calc(var(--bs-border-width) * 2);
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Scrolling columns in status page
|
||||
.tuna-roll {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
>div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
|
||||
animation-timing-function: ease;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
|
||||
/* Tooltip text */
|
||||
>.tooltiptext {
|
||||
visibility: hidden;
|
||||
width: auto;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
|
||||
/* Position the tooltip text - see examples below! */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:hover>.tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tuna-roll-enter {
|
||||
0% {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tuna-roll-leave {
|
||||
0% {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $attrib in ("[data-tuna-roll-cur", ".row[data-tuna-roll-freeze") {
|
||||
@for $i from 0 to 7 {
|
||||
#{$attrib}="#{$i}"] {
|
||||
.tuna-roll>div {
|
||||
animation-name: tuna-roll-leave;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.tuna-roll>div[data-tuna-roll-seq~="#{$i}"] {
|
||||
animation-name: tuna-roll-enter;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#{$attrib}="-1"] {
|
||||
.tuna-roll>div {
|
||||
transform: translateY(100%);
|
||||
animation-name: tuna-roll-leave;
|
||||
animation-duration: 0s;
|
||||
}
|
||||
|
||||
.tuna-roll>div[data-tuna-roll-seq~="0"] {
|
||||
transform: none;
|
||||
animation-name: tuna-roll-enter;
|
||||
animation-duration: 0s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
@use "bootstrap" as bs;
|
||||
@use "./utils.scss" as utils;
|
||||
|
||||
.status-fail, .status-failed, .status-paused {
|
||||
--bs-table-bg: #fff4e3;
|
||||
--bs-table-hover-bg: var(--bs-table-bg);
|
||||
@include utils.dark{
|
||||
--bs-table-bg: #524841;
|
||||
}
|
||||
}
|
||||
.status-syncing {
|
||||
--bs-table-bg: #e3fffd;
|
||||
--bs-table-hover-bg: var(--bs-table-bg);
|
||||
@include utils.dark{
|
||||
--bs-table-bg: #254059;
|
||||
}
|
||||
}
|
||||
|
|
@ -7,6 +7,7 @@
|
|||
"devDependencies": {
|
||||
"@vitejs/plugin-legacy": "^5.3.2",
|
||||
"@vitejs/plugin-vue": "^5.0.4",
|
||||
"bootstrap": "^5.3.3",
|
||||
"highlight.js": "^11.9.0",
|
||||
"markup-js": "^1.5.21",
|
||||
"mustache": "^4.2.0",
|
||||
|
|
@ -2172,6 +2173,17 @@
|
|||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/@popperjs/core": {
|
||||
"version": "2.11.8",
|
||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
|
||||
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
|
||||
"dev": true,
|
||||
"peer": true,
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/popperjs"
|
||||
}
|
||||
},
|
||||
"node_modules/@rollup/pluginutils": {
|
||||
"version": "5.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
|
||||
|
|
@ -2636,6 +2648,25 @@
|
|||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/bootstrap": {
|
||||
"version": "5.3.3",
|
||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
|
||||
"integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/twbs"
|
||||
},
|
||||
{
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/bootstrap"
|
||||
}
|
||||
],
|
||||
"peerDependencies": {
|
||||
"@popperjs/core": "^2.11.8"
|
||||
}
|
||||
},
|
||||
"node_modules/brace-expansion": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
"devDependencies": {
|
||||
"@vitejs/plugin-legacy": "^5.3.2",
|
||||
"@vitejs/plugin-vue": "^5.0.4",
|
||||
"bootstrap": "^5.3.3",
|
||||
"highlight.js": "^11.9.0",
|
||||
"markup-js": "^1.5.21",
|
||||
"mustache": "^4.2.0",
|
||||
|
|
|
|||
|
|
@ -11,16 +11,6 @@ URL: http://alvarez.is
|
|||
|
||||
################################################################# */
|
||||
|
||||
$color_thu_purple_dark: #C353D3;
|
||||
$font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
|
||||
$footer_color: #384452;
|
||||
|
||||
{% if site.issue %}
|
||||
$color_thu_purple: $color_thu_purple_dark;
|
||||
{% else %}
|
||||
$color_thu_purple: #82318E;
|
||||
{% endif %}
|
||||
|
||||
@mixin dark {
|
||||
{% unless site.issue %}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -30,444 +20,12 @@ $color_thu_purple: #82318E;
|
|||
@content
|
||||
{% endunless %}
|
||||
}
|
||||
|
||||
@mixin noissue {
|
||||
{% unless site.issue %}
|
||||
@content
|
||||
{% else %}
|
||||
@if(false){ @content }
|
||||
{% endunless %}
|
||||
}
|
||||
|
||||
$color-mode-type: media-query;
|
||||
|
||||
@import
|
||||
"_bootstrap/bootstrap",
|
||||
"Lato",
|
||||
"_spinners/3-wave";
|
||||
|
||||
{% unless site.issue %}
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
}
|
||||
{% endunless %}
|
||||
|
||||
#thu-alert {
|
||||
padding-left: 50px;
|
||||
position: relative;
|
||||
.glyphicon {
|
||||
font-size: 30px;
|
||||
left: 10px;
|
||||
top: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.status-fail, .status-failed, .status-paused {
|
||||
--bs-table-bg: #fff4e3;
|
||||
--bs-table-hover-bg: var(--bs-table-bg);
|
||||
@include dark{
|
||||
--bs-table-bg: #524841;
|
||||
}
|
||||
}
|
||||
.status-syncing {
|
||||
--bs-table-bg: #e3fffd;
|
||||
--bs-table-hover-bg: var(--bs-table-bg);
|
||||
@include dark{
|
||||
--bs-table-bg: #254059;
|
||||
}
|
||||
}
|
||||
.sk-wave .sk-rect {
|
||||
@include dark{
|
||||
background-color: $body-secondary-color-dark;
|
||||
}
|
||||
}
|
||||
pre {
|
||||
@extend .border;
|
||||
@extend .rounded;
|
||||
@extend .p-2;
|
||||
@extend .bg-secondary-subtle;
|
||||
code {
|
||||
@extend .p-0;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
@extend .p-1;
|
||||
@extend .rounded;
|
||||
@extend .bg-secondary-subtle;
|
||||
}
|
||||
|
||||
#mirrors {
|
||||
tbody {
|
||||
td {
|
||||
padding: 4px 8px;
|
||||
border-style: none;
|
||||
}
|
||||
font-size: 12pt;
|
||||
.badge.badge-new {
|
||||
padding: .1em .2em;
|
||||
vertical-align: 40%;
|
||||
text-shadow: 1px 1px #888;
|
||||
margin-right: 4px;
|
||||
background-color: #3aa0e6;
|
||||
}
|
||||
.badge.badge-status {
|
||||
vertical-align: 20%;
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
#download-link {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
#isoModal {
|
||||
.nav-tabs {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
#mirror-title {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#help-page {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
table.flat {
|
||||
& > tbody > tr {
|
||||
border-bottom-width: var(--bs-border-width);
|
||||
}
|
||||
& > thead > tr {
|
||||
border-bottom-width: calc(var(--bs-border-width) * 2);
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, .h1, .h2, .h3 {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
h4, h5, h6, .h4, .h5, .h6 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
#footerwrap {
|
||||
color: $body-color-dark;
|
||||
margin-top: 100px;
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
background: $footer_color;
|
||||
a {
|
||||
color: $link-color-dark;
|
||||
}
|
||||
a:hover {
|
||||
color: $link-hover-color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.index-issue {
|
||||
#footerwrap {
|
||||
background: transparent;
|
||||
}
|
||||
body {
|
||||
background-color: black;
|
||||
color: $body-color-dark;
|
||||
--bs-emphasis-color-rgb: white;
|
||||
--bs-link-color: #{$link-color-dark};
|
||||
--bs-link-color-hover: #{$link-hover-color-dark};
|
||||
}
|
||||
// a.navbar-brand{
|
||||
// color: $navbar-dark-brand-color;
|
||||
|
||||
// }
|
||||
// .navbar-nav a{
|
||||
// color: var(--bs-nav-link-color);
|
||||
// }
|
||||
}
|
||||
|
||||
.spacing {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vbottom {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
float: none;
|
||||
}
|
||||
|
||||
#search {
|
||||
line-height: 18px;
|
||||
padding: 8px;
|
||||
border: 1px solid #e3e3e3;
|
||||
max-width: 240px;
|
||||
height: 30px;
|
||||
font-size: 16px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#upgrade-mask{
|
||||
color: black;
|
||||
p {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.not-found {
|
||||
height: 600px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.not-found-bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
|
||||
z-index: -1;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
@include noissue {
|
||||
opacity: .5;
|
||||
filter: grayscale(0.2);
|
||||
background-image: url(/static/img/missing.png);
|
||||
background-image: -webkit-image-set(url("/static/img/missing.png") 1x,
|
||||
url("/static/img/missing@2x.png") 2x,
|
||||
url("/static/img/missing@3x.png") 3x,
|
||||
url("/static/img/missing@4x.png") 4x);
|
||||
background-image: image-set(url("/static/img/missing.png") 1x,
|
||||
url("/static/img/missing@2x.png") 2x,
|
||||
url("/static/img/missing@3x.png") 3x,
|
||||
url("/static/img/missing@4x.png") 4x);
|
||||
}
|
||||
@include dark {
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
background-image: url(/static/img/missing-dark.png);
|
||||
background-image: -webkit-image-set(url("/static/img/missing-dark.png") 1x,
|
||||
url("/static/img/missing-dark@2x.png") 2x,
|
||||
url("/static/img/missing-dark@3x.png") 3x,
|
||||
url("/static/img/missing-dark@4x.png") 4x);
|
||||
background-image: image-set(url("/static/img/missing-dark.png") 1x,
|
||||
url("/static/img/missing-dark@2x.png") 2x,
|
||||
url("/static/img/missing-dark@3x.png") 3x,
|
||||
url("/static/img/missing-dark@4x.png") 4x);
|
||||
}
|
||||
}
|
||||
|
||||
.nonthu .not-found-bg {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.not-found-hint {
|
||||
font-weight: bold;
|
||||
font-size: 48px;
|
||||
margin-bottom: 40px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.not-found-link {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.not-found-text {
|
||||
max-width: 450px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 40px;
|
||||
margin-bottom: 80px;
|
||||
font-size: 16px;
|
||||
opacity: .7;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.not-found-code {
|
||||
font-size: 12px;
|
||||
opacity: .54;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.nonthu .thuhidden{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
// Scrolling columns in status page
|
||||
.tuna-roll {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
> div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
|
||||
animation-timing-function: ease;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: 1;
|
||||
|
||||
/* Tooltip text */
|
||||
> .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: auto;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
|
||||
/* Position the tooltip text - see examples below! */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:hover > .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tuna-roll-enter {
|
||||
0% {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes tuna-roll-leave {
|
||||
0% {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{% for attrb in (1..2) %}
|
||||
@for $i from 0 to 7 {
|
||||
{% cycle "g1": "[data-tuna-roll-cur", ".row[data-tuna-roll-freeze" %}="#{$i}"] {
|
||||
.tuna-roll > div {
|
||||
animation-name: tuna-roll-leave;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
.tuna-roll > div[data-tuna-roll-seq~="#{$i}"] {
|
||||
animation-name: tuna-roll-enter;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
{% cycle "g2": "[data-tuna-roll-cur", ".row[data-tuna-roll-freeze" %}="-1"] {
|
||||
.tuna-roll > div {
|
||||
transform: translateY(100%);
|
||||
animation-name: tuna-roll-leave;
|
||||
animation-duration: 0s;
|
||||
}
|
||||
.tuna-roll > div[data-tuna-roll-seq~="0"] {
|
||||
transform: none;
|
||||
animation-name: tuna-roll-enter;
|
||||
animation-duration: 0s;
|
||||
}
|
||||
}
|
||||
{% endfor %}
|
||||
|
||||
svg.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1.42857143em;
|
||||
fill: currentColor;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||
svg.icon {
|
||||
height: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
.content-select {
|
||||
/* override color of form-control from bootstrap */
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
-moz-transition: background-color .4s linear, color .4s linea, border-color .4s linear;
|
||||
-o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
-ms-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
transition: background-color .4s linear, color .4s linear, border-color .4s linear;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
--bs-navbar-active-color: #{$color_thu_purple};
|
||||
--bs-navbar-hover-color: #{$color_thu_purple};
|
||||
@include dark{
|
||||
--bs-navbar-active-color: #{$color_thu_purple_dark};
|
||||
--bs-navbar-hover-color: #{$color_thu_purple_dark};
|
||||
}
|
||||
.navbar-nav > li > a.active {
|
||||
border-bottom: 2px solid $color_thu_purple;
|
||||
@include dark{
|
||||
border-bottom-color: $color_thu_purple_dark;
|
||||
}
|
||||
}
|
||||
.navbar-nav > li > a {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
}
|
||||
.nav-link {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-weight: 900;
|
||||
padding: 0px;
|
||||
line-height: 50px;
|
||||
height: 50px;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
//background-color: $body-secondary-color-dark;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
permalink: /status/
|
||||
jsEntry: status
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue