Added logo to UI and docs

This commit is contained in:
CasVT
2023-06-22 14:01:11 +02:00
parent ad72e334d4
commit e9369df81b
8 changed files with 77 additions and 10 deletions

View File

@@ -0,0 +1,30 @@
<svg viewBox="239.752 39.2 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
<defs>
<linearGradient id="color-0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -30.815779, -277.541534)" bx:pinned="true">
<title>White</title>
<stop style="stop-color: rgb(255, 255, 255);"></stop>
</linearGradient>
<linearGradient id="color-1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 19.424101, -198.084808)" bx:pinned="true">
<title>Off-white</title>
<stop style="stop-color: rgb(210, 210, 210)"></stop>
</linearGradient>
<linearGradient id="color-2" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 5.575318, -62.311562)" bx:pinned="true">
<title>Gray</title>
<stop style="stop-color: rgb(155, 155, 155)"></stop>
</linearGradient>
<linearGradient id="color-3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -74.018517, 113.766891)" bx:pinned="true">
<title>Dark gray</title>
<stop style="stop-color: rgb(91, 91, 91)"></stop>
</linearGradient>
<bx:grid x="39.752" y="39.2" width="100" height="100"></bx:grid>
</defs>
<g transform="matrix(2.413543, 0, 0, 2.192117, -660.809998, -485.15448)" style="">
<ellipse style="fill: rgb(91, 91, 91); stroke: url(#color-3);" cx="519.4" cy="257.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 773.392883, -159.637634)"></ellipse>
<ellipse style="fill: url(#color-2); stroke: url(#color-2);" cx="455.445" cy="193.1" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 668.85199, -52.200024)"></ellipse>
<ellipse style="stroke: url(#color-1); fill: url(#color-1);" cx="391.445" cy="129.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 604.85199, -88.244972)"></ellipse>
<g transform="matrix(1, 0, 0, 1, -43.907719, -71.28595)">
<ellipse style="stroke: url(#color-0); fill: url(#color-0);" cx="327.402" cy="65.104" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 546.14032, 103.69133)"></ellipse>
<text style="fill: rgb(51, 51, 51); font-family: 'Russo One'; font-size: 148.922px; font-weight: 700; line-height: 238.276px; white-space: pre;" transform="matrix(0.4969, 0, 0, 0.496903, 445.627899, 461.735657)"><tspan>M</tspan><tspan x="0" dy="1em"></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -155,8 +155,9 @@ header > div {
width: var(--height);
}
h1 {
font-size: clamp(1.3rem, 7vw, 2rem);
header img {
height: 3rem;
width: fit-content;
}
/* */

View File

@@ -0,0 +1,30 @@
<svg viewBox="239.752 39.2 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
<defs>
<linearGradient id="color-0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -30.815779, -277.541534)" bx:pinned="true">
<title>White</title>
<stop style="stop-color: rgb(255, 255, 255);"></stop>
</linearGradient>
<linearGradient id="color-1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 19.424101, -198.084808)" bx:pinned="true">
<title>Off-white</title>
<stop style="stop-color: rgb(210, 210, 210)"></stop>
</linearGradient>
<linearGradient id="color-2" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, 5.575318, -62.311562)" bx:pinned="true">
<title>Gray</title>
<stop style="stop-color: rgb(155, 155, 155)"></stop>
</linearGradient>
<linearGradient id="color-3" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.000006, 0, 0, 0.999994, -74.018517, 113.766891)" bx:pinned="true">
<title>Dark gray</title>
<stop style="stop-color: rgb(91, 91, 91)"></stop>
</linearGradient>
<bx:grid x="39.752" y="39.2" width="100" height="100"></bx:grid>
</defs>
<g transform="matrix(2.413543, 0, 0, 2.192117, -660.809998, -485.15448)" style="">
<ellipse style="fill: rgb(91, 91, 91); stroke: url(#color-3);" cx="519.4" cy="257.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 773.392883, -159.637634)"></ellipse>
<ellipse style="fill: url(#color-2); stroke: url(#color-2);" cx="455.445" cy="193.1" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 668.85199, -52.200024)"></ellipse>
<ellipse style="stroke: url(#color-1); fill: url(#color-1);" cx="391.445" cy="129.1" rx="64" ry="64" transform="matrix(0, 1, -1, 0, 604.85199, -88.244972)"></ellipse>
<g transform="matrix(1, 0, 0, 1, -43.907719, -71.28595)">
<ellipse style="stroke: url(#color-0); fill: url(#color-0);" cx="327.402" cy="65.104" rx="64.045" ry="64" transform="matrix(0, 1, -1, 0, 546.14032, 103.69133)"></ellipse>
<text style="fill: rgb(51, 51, 51); font-family: 'Russo One'; font-size: 148.922px; font-weight: 700; line-height: 238.276px; white-space: pre;" transform="matrix(0.4969, 0, 0, 0.496903, 445.627899, 461.735657)"><tspan>M</tspan><tspan x="0" dy="1em"></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta id="url_prefix" data-value="{{url_prefix}}">
<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
<link rel="stylesheet" href="{{ url_for('static', filename='css/general.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">
<script src="{{ url_for('static', filename='js/login.js') }}" defer></script>
@@ -14,7 +16,7 @@
</head>
<body>
<header>
<h1>MIND Reminders</h1>
<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
</header>
<main>
<div class="form-container">

View File

@@ -5,6 +5,8 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
<link rel="stylesheet" href="/static/css/general.css">
<link rel="stylesheet" href="/static/css/page_not_found.css">
@@ -12,7 +14,7 @@
</head>
<body>
<header>
<h1>MIND Reminders</h1>
<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
</header>
<main>
<h2>MIND</h1>

View File

@@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta id="url_prefix" data-value="{{url_prefix}}">
<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.svg') }}" type="image/x-icon">
<link rel="stylesheet" href="{{ url_for('static', filename='css/general.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/info.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/library.css') }}">
@@ -33,7 +35,7 @@
</g>
</svg>
</button>
<h1>MIND Reminders</h1>
<img src="{{ url_for('static', filename='img/favicon.svg') }}" alt="">
</div>
</header>
<div class="nav-divider">

View File

@@ -1,13 +1,13 @@
# Site Details
site_name: MIND Docs
site_description: The official guide for MIND
site_author: MrCas
#edit_uri: https://github.com/??
site_author: Casvt
repo_url: https://github.com/Casvt/MIND
edit_uri: blob/Development/docs/
repo_name: Casvt/MIND
extra_css:
- stylesheets/extra.css
- assets/css/extra.css
# Site appearance (logos, colours, icons)
theme:
@@ -26,8 +26,8 @@ theme:
- navigation.tabs.sticky
- navigation.top
- navigation.tracking
#favicon: assets/logo/favicon.ico
#logo: assets/logo/kapowarr-logo.png?
favicon: assets/img/favicon.svg
logo: assets/img/favicon.svg
palette:
# Light mode
- media: "(prefers-color-scheme: light)"