Adapt whole site to follow the documentation theme.

This commit is contained in:
2021-08-21 17:02:34 +01:00
parent 2093579543
commit 7276403e15
23 changed files with 105 additions and 37882 deletions

View File

@@ -2,14 +2,14 @@
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _fontstyles.scss
// Filename : _colors.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font styles for server styling.
// Sets colors for server styling.
//
// --[ License ] --------------------------------------------------------------
//
@@ -30,20 +30,12 @@
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
@import "_colors";
/* Sets the style for emphasis/italics */
em, i {
color: $orange;
font-style: normal;
}
/* Headings and bold text are bright white */
h1, h2, h3, h4,
b, strong {
color: $orange;
font-size: 1em;
font-style: normal;
font-weight: normal;
margin: 0;
}
$white: #ffffff;
$darkgray: #444444;
$pink: #e18fdc;
$magenta: #ff00ff;
$darkred: darkred;
$red: red;
$lightgray: lightgray;
$cyan: cyan;
$darkergray: #222222;

View File

@@ -2,14 +2,14 @@
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _fontstyles.scss
// Filename : _font.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font styles for server styling.
// Sets font for server styling.
//
// --[ License ] --------------------------------------------------------------
//
@@ -30,20 +30,13 @@
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
@import "_colors";
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,600');
/* Sets the style for emphasis/italics */
em, i {
color: $green;
font-style: normal;
}
/* Headings and bold text are bright white */
h1, h2, h3, h4,
b, strong {
color: $brightwhite;
font-size: 1em;
font-style: normal;
font-weight: normal;
margin: 0;
* {
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
box-sizing: border-box;
}

View File

@@ -32,16 +32,7 @@
@import "_colors";
/* Sets the style for emphasis/italics */
///* Sets the style for emphasis/italics */
em, i {
font-style: italic;
}
/* Headings and bold text are bright white */
h1, h2, h3, h4,
b, strong {
font-size: 1em;
font-style: normal;
font-weight: bold;
margin: 0;
color: $pink;
}

18
css/aaruserver.css Normal file
View File

@@ -0,0 +1,18 @@
/* Error: Can't find stylesheet to import.
* ,
* 37 | @import "../../../node_modules/bootstrap/scss/bootstrap";
* | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
* '
* aaruserver.scss 37:9 root stylesheet */
body::before
{
font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
"Droid Sans Mono", monospace, monospace;
white-space: pre;
display: block;
padding: 1em;
margin-bottom: 1em;
border-bottom: 2px solid black;
content: "Error: Can't find stylesheet to import.\a \2577 \a 37 \2502 @import \"../../../node_modules/bootstrap/scss/bootstrap\";\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a aaruserver.scss 37:9 root stylesheet";
}

1
css/aaruserver.css.map Normal file

File diff suppressed because one or more lines are too long

View File

@@ -34,30 +34,29 @@
@import "_font";
@import "_fontstyles";
@import "../../../node_modules/bootstrap/scss/bootstrap";
@import "../../node_modules/bootstrap/scss/bootstrap";
footer {
background-color: $gray-100;
color: $black;
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: $white;
font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0;
margin: 0;
overflow-x: hidden;
background-color: $darkergray;
}
header {
background-color: $gray-100;
color: $black;
header, footer {
background-color: $darkgray;
text-align: center;
font-weight: 600;
color: $pink;
}
header a {
color: $purple;
}
header a:hover {
color: $cyan;
text-decoration: none;
}
footer a:hover {
text-decoration: none;
color: $magenta;
}
.table-centered {
@@ -65,18 +64,49 @@ footer a:hover {
margin-right: auto;
}
.card-button {
color: $black
.table-dark-header {
color: $pink;
font-style: normal;
text-align: center;
}
.table-dark-em {
color: $darkgray;
font-style: normal;
.btn {
border: 1px solid $darkred;
border-radius: 2rem;
box-sizing: border-box;
background-color: $red;
color: $white;
display: inline-block;
font-size: 1.05rem;
letter-spacing: 0.1rem;
margin: 0.5rem 1rem;
padding: 0.75em 2rem;
text-decoration: none;
transition: all 0.15s ease;
font-weight: bold;
}
.table-dark-header {
color: $black;
font-style: normal;
text-align: center;
.btn-link:hover {
color: $cyan;
background-color: $red;
text-decoration: underline;
}
button.btn.btn-link.card-button.collapsed {
color: $lightgray;
background-color: transparent;
text-decoration: none;
}
button.btn.btn-link.card-button.collapsed:hover {
color: $white;
text-decoration: underline;
}
.card {
background-color: transparent;
}
.carousel-indicators li {
background-color: $pink;
}

View File

@@ -1,90 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _colors.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets colors for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
/* Sets the grayscale for Bootstrap */
$white: #FFFFFF;
$darkgray: #555555;
$gray-100: #FFFFFF;
$gray-200: #FFFFFF;
$gray-300: #FFFFFF;
$gray-400: #FFFFFF;
$gray-500: #555555;
$gray-600: #555555;
$gray-700: #555555;
$gray-800: #555555;
$gray-900: #555555;
$black: #000021;
/* Sets color palette, using Workbench palette colors */
$blue: #0055AA;
$indigo: #AA55AA;
$purple: #AA00FF;
$pink: #FF55FF;
$red: #FF0000;
$orange: #FF8800;
$yellow: #FFFF55;
$green: #00AA00;
$teal: #55FFFF;
$cyan: #00AAAA;
$brown: #AA5500;
$brightwhite: #FFFFFF;
/* Bootstrap color aliases */
$primary: $orange;
$secondary: $black;
$success: $orange;
$info: $orange;
$warning: $orange;
$danger: $orange;
$light: $blue;
$dark: $black;
/* Colors for <body> */
$body-bg: $blue;
$body-color: $white;
/* Colors for <a> */
$link-color: $orange;
$link-hover-color: $orange;
/* Colors for cards */
$card-border-color: rgba($white, .125);
$card-cap-bg: rgba($white, .03);
$card-cap-color: inherit;
$card-bg: $black;
/* Colors for tables */
$table-dark-bg: $black;
$table-dark-accent-bg: rgba($white, .05) !default;
$table-dark-hover-bg: rgba($white, .075) !default;
$table-dark-border-color: lighten($orange, 7.5%) !default;
$table-dark-color: $white !default;

View File

@@ -1,49 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _font.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
@font-face {
font-family: 'Topaz a500a1000a2000';
src: url(../../fonts/Topaz_a500_v1.0.eot);
src: url(../../fonts/Topaz_a500_v1.0.eot?#iefix) format('embedded-opentype'),
url(../../fonts/Topaz_a500_v1.0.woff2) format('woff2'),
url(../../fonts/Topaz_a500_v1.0.woff) format('woff'),
url(../../fonts/Topaz_a500_v1.0.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
$font-family-sans-serif: 'Topaz a500a1000a2000';
$font-family-monospace: 'Topaz a500a1000a2000';
$font-family-base: 'Topaz a500a1000a2000';
$font-size-base: 1.25rem;
$line-height-base: 1;

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,81 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : aaruserver.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
@import "_colors";
@import "_font";
@import "_fontstyles";
@import "../../../node_modules/bootstrap/scss/bootstrap";
footer {
background-color: $black;
color: $white;
}
header {
background-color: $white;
color: $blue;
text-align: center;
}
header a {
color: $orange;
}
header a:hover {
color: $orange;
text-decoration: none;
}
footer a:hover {
text-decoration: none;
}
.table-centered {
margin-left: auto;
margin-right: auto;
}
.card-button {
color: $orange
}
.table-dark-em {
color: $white;
font-style: normal;
}
.table-dark-header {
color: $orange;
font-style: normal;
text-align: center;
}

View File

@@ -1,90 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _colors.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets colors for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
/* Sets the grayscale for Bootstrap */
$white: #AAAAAA;
$darkgray: #555555;
$gray-100: #AAAAAA;
$gray-200: #AAAAAA;
$gray-300: #AAAAAA;
$gray-400: #AAAAAA;
$gray-500: #555555;
$gray-600: #555555;
$gray-700: #555555;
$gray-800: #555555;
$gray-900: #555555;
$black: #000;
/* Sets color palette, using EGA colors */
$blue: #0000AA;
$indigo: #AA55AA;
$purple: #AA00FF;
$pink: #FF55FF;
$red: #AA0000;
$orange: #FF5555;
$yellow: #FFFF55;
$green: #00AA00;
$teal: #55FFFF;
$cyan: #00AAAA;
$brown: #AA5500;
$brightwhite: #FFFFFF;
/* Bootstrap color aliases */
$primary: $blue;
$secondary: $gray-600;
$success: $green;
$info: $cyan;
$warning: $yellow;
$danger: $red;
$light: $gray-100;
$dark: $gray-800;
/* Colors for <body> */
$body-bg: $black;
$body-color: $white;
/* Colors for <a> */
$link-color: $teal;
$link-hover-color: $yellow;
/* Colors for cards */
$card-border-color: rgba($darkgray, .125);
$card-cap-bg: rgba($darkgray, .03);
$card-cap-color: inherit;
$card-bg: $blue;
/* Colors for tables */
$table-dark-bg: $cyan;
$table-dark-accent-bg: rgba($white, .05) !default;
$table-dark-hover-bg: rgba($white, .075) !default;
$table-dark-border-color: lighten($yellow, 7.5%) !default;
$table-dark-color: $yellow !default;

View File

@@ -1,50 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _font.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
/* Sets font to VGA square */
@font-face {
font-family: 'VGAsquarePx';
src: url(../../fonts/vga_squarepx.eot);
src: url(../../fonts/vga_squarepx.eot?#iefix) format('embedded-opentype'),
url(../../fonts/vga_squarepx.woff2) format('woff2'),
url(../../fonts/vga_squarepx.woff) format('woff'),
url(../../fonts/vga_squarepx.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
$font-family-sans-serif: 'VGAsquarePx';
$font-family-monospace: 'VGAsquarePx';
$font-family-base: 'VGAsquarePx';
$font-size-base: 1.75rem;
$line-height-base: 1;

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,81 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : aaruserver.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
@import "_colors";
@import "_font";
@import "_fontstyles";
@import "../../../node_modules/bootstrap/scss/bootstrap";
footer {
background-color: $brown;
color: $black;
}
header {
background-color: $teal;
color: $black;
text-align: center;
}
header a {
color: $pink;
}
header a:hover {
color: $orange;
text-decoration: none;
}
footer a:hover {
text-decoration: none;
}
.table-centered {
margin-left: auto;
margin-right: auto;
}
.card-button {
color: $yellow
}
.table-dark-em {
color: $brown;
font-style: normal;
}
.table-dark-header {
color: $brown;
font-style: normal;
text-align: center;
}

View File

@@ -1,89 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _colors.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets colors for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
/* Sets the grayscale for Bootstrap */
$white: #FFFFFF;
$darkgray: #404040;
$gray-100: #C0C0C0;
$gray-200: #C0C0C0;
$gray-300: #C0C0C0;
$gray-400: #808080;
$gray-500: #808080;
$gray-600: #808080;
$gray-700: #404040;
$gray-800: #404040;
$gray-900: #404040;
$black: #000000;
/* Sets color palette, using Macintosh II colors */
$green: #1FB714;
$yellow: #FBF305;
$darkgreen: #006412;
$orange: #FF6403;
$brown: #562C05;
$red: #DD0907;
$tan: #90713A;
$magenta: #F20884;
$purple: #4700A5;
$blue: #0000D3;
$cyan: #02ABEA;
/* Bootstrap color aliases */
$primary: $blue;
$secondary: $gray-600;
$success: $green;
$info: $cyan;
$warning: $yellow;
$danger: $red;
$light: $gray-100;
$dark: $gray-800;
/* Colors for <body> */
$body-bg: $white;
$body-color: $black;
/* Colors for <a> */
$link-color: $cyan;
$link-hover-color: $magenta;
/* Colors for cards */
$card-border-color: rgba($gray-300, .125);
$card-cap-bg: rgba($gray-300, .03);
$card-cap-color: inherit;
$card-bg: $gray-300;
/* Colors for tables */
$table-dark-bg: $gray-300;
$table-dark-accent-bg: rgba($white, .05);
$table-dark-hover-bg: rgba($white, .075);
$table-dark-border-color: lighten($tan, 7.5%);
$table-dark-color: $darkgray;

View File

@@ -1,50 +0,0 @@
// /***************************************************************************
// Aaru Data Preservation Suite
// ----------------------------------------------------------------------------
//
// Filename : _font.scss
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// Component : Aaru Server.
//
// --[ Description ] ----------------------------------------------------------
//
// Sets font for server styling.
//
// --[ License ] --------------------------------------------------------------
//
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2011-2021 Natalia Portillo
// ****************************************************************************/
/* Sets font to Macintosh Chicago clone font */
@font-face {
font-family: 'ChicagoFLF';
src: url(../../fonts/ChicagoFLF.eot);
src: url(../../fonts/ChicagoFLF.eot?#iefix) format('embedded-opentype'),
url(../../fonts/ChicagoFLF.woff2) format('woff2'),
url(../../fonts/ChicagoFLF.woff) format('woff'),
url(../../fonts/ChicagoFLF.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
$font-family-sans-serif: 'ChicagoFLF';
$font-family-monospace: 'ChicagoFLF';
$font-family-base: 'ChicagoFLF';
$font-size-base: 1rem;
$line-height-base: 1;

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,17 +1,17 @@
const themeColors =
[
"#1FB714",
"#FBF305",
"#006412",
"#0000D3",
"#FF6403",
"#562C05",
"#DD0907",
"#F20884",
"#4700A5",
"#0000D3",
"#02ABEA",
"#90713A",
"#006412"
"#1FB714",
"#02ABEA",
"#FBF305",
];
const chartDataLabelColor = "#000000";
const chartTitleColor = "#000000";
const chartDataLabelColor = "#ffffff";
const chartTitleColor = "#e18fdc";

View File

@@ -1,17 +0,0 @@
const themeColors =
[
"#AA55AA",
"#AA00FF",
"#FF55FF",
"#FF0000",
"#FF8800",
"#FFFF55",
"#00AA00",
"#55FFFF",
"#00AAAA",
"#AA5500",
"#0055AA"
];
const chartDataLabelColor = "#000021";
const chartTitleColor = "#000021";

View File

@@ -1,16 +0,0 @@
const themeColors =
[
"#FF5555",
"#00AA00",
"#AA5500",
"#AA55AA",
"#FF55FF",
"#55FFFF",
"#FFFF55",
"#AA00FF",
"#00AAAA",
"#AAAAAA"
];
const chartDataLabelColor = "#FFFFFF";
const chartTitleColor = "#AAAAAA";