Korbs/sudovanilla-ark
1
Fork 0
Code Issues 1 Pull requests Activity

Init

Browse source
This commit is contained in:
Korbs 2024-05-14 00:34:01 -04:00
commit 030584947d
8 changed files with 768 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.env Normal file
View file

@ -0,0 +1,3 @@
DatabaseName="ark"
DatabaseUsername="ark"
DatabasePassword="YouLookUpILookUpEveryoneLookUpNowLookDown2014"

20
.gitignore vendored Normal file
View file

@ -0,0 +1,20 @@
forgejo/git
forgejo/ssh
mysql/*
forgejo/gitea/actions_artifacts
forgejo/gitea/actions_log
forgejo/gitea/attachments
forgejo/gitea/avatars
forgejo/gitea/conf
forgejo/gitea/home
forgejo/gitea/indexers
forgejo/gitea/jwt
forgejo/gitea/log
forgejo/gitea/packages
forgejo/gitea/queues
forgejo/gitea/repo-archive
forgejo/gitea/repo-avatars
forgejo/gitea/sessions
forgejo/gitea/tmp

41
docker-compose.yml Normal file
View file

@ -0,0 +1,41 @@
networks:
ark:
external: false
services:
server:
image: codeberg.org/forgejo/forgejo:7
container_name: ark
environment:
- USER_UID=1000
- USER_GID=1000
- FORGEJO__database__DB_TYPE=mysql
- FORGEJO__database__HOST=db:3306
- FORGEJO__database__NAME=${DatabaseName}
- FORGEJO__database__USER=${DatabaseUsername}
- FORGEJO__database__PASSWD=${DatabasePassword}
restart: always
networks:
- ark
volumes:
- ./forgejo:/data
- /etc/timezone:/etc/timezone:ro
- /etc/localtime:/etc/localtime:ro
ports:
- '3000:3000'
- '222:22'
depends_on:
- db
db:
image: mysql:8
restart: always
environment:
- MYSQL_ROOT_PASSWORD=${DatabasePassword}
- MYSQL_USER=${DatabaseUsername}
- MYSQL_PASSWORD=${DatabasePassword}
- MYSQL_DATABASE=${DatabaseName}
networks:
- ark
volumes:
- ./mysql:/var/lib/mysql

1
forgejo/gitea/templates/base/footer.tmpl Normal file
View file

@ -0,0 +1 @@
<script src="{{AssetUrlPrefix}}/js/index.js?v={{AssetVersion}}"></script>

385
forgejo/gitea/templates/base/head.tmpl Normal file
View file

@ -0,0 +1,385 @@
<!DOCTYPE html>
<html lang="{{ctx.Locale.Lang}}" data-theme="{{ThemeName .SignedUser}}">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
{{/* Display `- .Repsository.FullName` only if `.Title` does not already start with that. */}}
<title>{{if .Title}}{{.Title}} - {{end}}{{if and (.Repository.Name) (not (StringUtils.HasPrefix .Title .Repository.FullName))}}{{.Repository.FullName}} - {{end}}{{AppName}}</title>
{{if .ManifestData}}<link rel="manifest" href="data:{{.ManifestData}}">{{end}}
<meta name="author" content="{{if .Repository}}{{.Owner.Name}}{{else}}{{MetaAuthor}}{{end}}">
<meta name="description" content="{{if .Repository}}{{.Repository.Name}}{{if .Repository.Description}} - {{.Repository.Description}}{{end}}{{else}}{{MetaDescription}}{{end}}">
<meta name="keywords" content="{{MetaKeywords}}">
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="http://192.168.1.191:5500/css/index.css"/>
{{if .GoGetImport}}
<meta name="go-import" content="{{.GoGetImport}} git {{.RepoCloneLink.HTTPS}}">
<meta name="go-source" content="{{.GoGetImport}} _ {{.GoDocDirectory}} {{.GoDocFile}}">
{{end}}
{{if and .EnableFeed .FeedURL}}
<link rel="alternate" type="application/atom+xml" title="" href="{{.FeedURL}}.atom">
<link rel="alternate" type="application/rss+xml" title="" href="{{.FeedURL}}.rss">
{{end}}
<link rel="icon" href="{{AssetUrlPrefix}}/img/favicon.svg" type="image/svg+xml">
<link rel="alternate icon" href="{{AssetUrlPrefix}}/img/favicon.png" type="image/png">
{{template "base/head_script" .}}
<noscript>
<style>
.dropdown:hover > .menu { display: block; }
.ui.secondary.menu .dropdown.item > .menu { margin-top: 0; }
</style>
</noscript>
{{template "base/head_opengraph" .}}
{{template "base/head_style" .}}
{{template "custom/header" .}}
</head>
<body hx-headers='{"x-csrf-token": "{{.CsrfToken}}"}' hx-swap="outerHTML" hx-ext="morph" hx-push-url="false">
{{template "custom/body_outer_pre" .}}
<div class="full height">
{{template "custom/body_inner_pre" .}}
{{if not .PageIsInstall}}
{{template "base/head_navbar" .}}
{{end}}
{{if false}}
{{/* to make html structure "likely" complete to prevent IDE warnings */}}
</div>
</body>
</html>
{{end}}
<style>
:root {
--steel-900: #000 !important;
--steel-850: #000 !important;
--steel-800: #000 !important;
--steel-750: #000 !important;
--steel-700: #222 !important;
--steel-650: #000 !important;
--steel-600: #1a1a1a !important;
}
/* Fixes for Forgejo */
header .header-content .header-row-top {
padding: 24px 0px !important;
}
.page-content .ui.ui.ui.container:not(.fluid) {
width: 100% !important;
max-width: 100% !important;
}
#readme, #repo-files-table {
border: 1px #222 solid !important;
border-radius: 6px;
}
.file-header.ui.top.attached.header.tw-flex.tw-items-center.tw-justify-between.tw-flex-wrap, .ui.bottom.attached.table.unstackable.segment {
background: transparent !important;
}
.ui.twelve.wide.column.tw-mb-4 {
width: calc(100% - 370px) !important;
}
.ui.top.attached.error.header {
width: calc(100% - -2px);
}
.file-header.ui.top.attached.header.tw-flex.tw-items-center.tw-justify-between.tw-flex-wrap {
width: calc(100% - 24px);
}
.ui.menu .ui.dropdown .menu > .item {
padding: 0px !important;
}
*, ::before, ::after {
box-sizing: revert-layer !important;
}
h1, h2, h3, h4, h5 {
font-weight: revert-layer !important;
}
p:first-child {
margin-top: revert-layer !important;
}
#dashboard-repo-list {
width: 100% !important;
max-width: 350px !important;
}
.tw-justify-center {
justify-content: flex-start !important;
}
.ui.top.attached.segment.repos-search.gt-rounded-top {
width: calc(100% - 26px);
}
.inline.required.field {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 490px;
margin: auto;
}
.repo-button-row input {
height: auto !important;
}
.ui.compact.basic.button {
padding: 0px 12px !important;
}
mobilebar {
display: none;
}
@media screen and (max-width: 800px) {
body {
padding: 0px 24px !important;
}
}
@media screen and (max-width: 800px) {
header, .sidebar {
display: none !important;
}
.page-content {
margin-top: 24px !important;
}
mobilebar {
display: flex !important;
}
.mobile-docs-dropdown {
display: block !important;
}
.document-layout {
flex-direction: column;
}
.ui.form input {
width: calc(100% - 64px) !important;
}
}
mobilebar {
position: fixed;
bottom: 24px;
z-index: 50;
left: 50%;
transform: translate(-50%);
backdrop-filter: blur(24px) brightness(0.6);
padding-bottom: env(safe-area-inset-bottom);
border-radius: 5rem;
border: 1px #2b2b2b solid;
align-items: center;
padding: 0px 14px;
justify-content: space-between;
width: calc(100% - 120px);
}
mobilebar button {
border-radius: 3rem;
border: none;
padding: 8px 10px;
background: transparent;
}
mobilebar .mobile-popup-menu {
position: absolute;
right: 0px;
display: none;
flex-direction: column;
bottom: 64px;
border-radius: 6px;
font-size: 24px;
width: 100%;
background-color: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(24px) brightness(0.3) !important;
-webkit-backdrop-filter: blur(24px) brightness(1) !important;
border: 1px #2b2b2b solid;
}
mobilebar .mobile-popup-menu a {
padding: 12px 24px !important;
}
mobilebar img {
width: 32px !important;
}
mobilebar p {
margin: 0px !important;
}
/***/
a {
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline !important;
}
@font-face {
font-family: OpenSans;
src: url(https://md.sudovanilla.org/fonts/Open_Sans/static/OpenSans-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: OpenSans;
src: url(https://md.sudovanilla.org/fonts/Open_Sans/static/OpenSans-Bold.ttf);
font-weight: bold;
}
@font-face {
font-family: RedHatDisplay;
src: url(https://md.sudovanilla.org/fonts/Red_Hat_Display/static/RedHatDisplay-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: RedHatDisplay;
src: url(https://md.sudovanilla.org/fonts/Red_Hat_Display/static/RedHatDisplay-Bold.ttf);
font-weight: bold;
}
body {
margin: auto !important;
max-width: 1200px !important;
font-family: OpenSans !important;
color: white !important;
background: black !important;
cursor: default !important;
display: inherit !important;
flex-direction: inherit !important;
overflow-x: inherit !important;
overflow-wrap: inherit !important;
}
.page-content {
margin-top: 140px;
max-width: 1200px !important;
width: 100% !important;
}
.active {
color: white !important;
}
header {
position: absolute !important;
top: 0px !important;
max-width: 1200px !important;
margin: auto !important;
width: 100% !important;
z-index: 50 !important;
}
header .header-content {
display: flex !important;
flex-direction: column !important;
}
header .header-content .header-link-item {
color: rgba(255, 255, 255, 0.5) !important;
display: flex !important;
gap: 6px !important;
align-items: center !important;
text-decoration: none !important;
font-size: 16px !important;
text-wrap: nowrap !important;
}
header .header-content .header-link-item:hover {
color: rgba(255, 255, 255, 0.75) !important;
}
header .header-content .header-link-item svg {
width: 0px !important;
}
header .header-content .header-login-button {
align-items: center !important;
display: flex !important;
padding: 2px 16px 2px 2px !important;
cursor: pointer !important;
}
header .header-content .header-login-button img {
margin-right: 12px !important;
}
header .header-content .header-login-button img {
width: 32px !important;
height: 32px !important;
border-radius: 10rem !important;
}
header .header-content .header-row-top {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 0px;
}
header .header-content .header-row-top div:nth-child(1) {
display: flex !important;
gap: 12px !important;
}
header .header-content .header-row-top div:nth-child(2) {
display: flex !important;
gap: 24px !important;
overflow: scroll !important;
margin-left: 24px !important;
}
header .header-content .header-row-bottom {
background: transparent !important;
border-radius: 10px !important;
border: 1px #2b2b2b solid !important;
overflow: scroll !important;
width: 100% !important;
top: 24px !important;
max-width: 1200px !important;
backdrop-filter: blur(24px) brightness(0.6) !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
header .header-content .header-row-bottom #show-w-scroll {
transition: width 0.3s, opacity 0.3s !important;
width: 0px !important;
opacity: 0 !important;
display: block !important;
}
header .header-content .header-row-bottom .header-sub-service {
color: white !important;
font-weight: bold !important;
padding: 0px 32px !important;
border-right: 1px #3f3c3c solid !important;
display: flex !important;
}
header .header-content .header-row-bottom div {
display: flex !important;
gap: 24px !important;
align-items: center !important;
margin-right: 24px !important;
}
header .header-content .header-row-bottom div .header-button {
color: white !important;
cursor: pointer !important;
}
header .header-content .header-row-bottom div a {
color: rgba(255, 255, 255, 0.5) !important;
display: flex !important;
align-items: center !important;
text-decoration: none !important;
gap: 6px !important;
font-size: 16px !important;
text-wrap: nowrap !important;
}
header .header-content .header-row-bottom div a:hover {
color: rgba(255, 255, 255, 0.75) !important;
}
header .header-content .header-row-bottom div a svg {
width: 18px !important;
}
</style>

153
forgejo/gitea/templates/base/head_navbar.tmpl Normal file
View file

@ -0,0 +1,153 @@
<header data-astro-cid-eiyd7voq="">
<div class="header-content" data-astro-cid-eiyd7voq="">
<div class="header-row-top" data-astro-cid-eiyd7voq="">
<div data-astro-cid-eiyd7voq="">
<a href="/" data-astro-cid-eiyd7voq="">
<div class="sudovanilla-logo" data-astro-cid-4zunyjcd="">
<img width="30px" alt="SudoVanilla Logo" src="https://md.sudovanilla.org/images/SudoVanilla-Full-Logo.svg" data-astro-cid-4zunyjcd="" />
<p style="color: white" data-astro-cid-4zunyjcd=""><span data-astro-cid-4zunyjcd="">Sudo</span> <span style="font-family: RedHatDisplay; font-weight: bold;" data-astro-cid-4zunyjcd="">Vanilla</span></p>
</div>
</a>
</div>
<div data-astro-cid-eiyd7voq="">
<a class="header-link-item" href="/blog/" data-astro-cid-eiyd7voq="">Blog</a>
<a style="color: white" class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Ark</a>
<a class="header-link-item" href="/docs/" data-astro-cid-eiyd7voq="">Docs</a>
<a class="header-link-item" href="/init/" data-astro-cid-eiyd7voq="">Init Privacy</a>
<noscript> <a class="header-link-item" href="#" title="Everything is up!" data-astro-cid-eiyd7voq>Status</a> </noscript>
<sl-tooltip class="with-js" content="Everything is up!" placement="bottom-end" style="--sl-tooltip-arrow-size: 0; --max-width: 500px;" data-astro-cid-eiyd7voq="">
<a class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Status</a>
</sl-tooltip>
</div>
</div>
<div class="header-row-bottom" data-astro-cid-eiyd7voq="">
<div>
<p class="header-sub-service"><span id="show-w-scroll">SudoVanilla</span> Ark</p>
<a href="/explore/repos/"><svg width="1.5em" height="1.5em" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> Search</a>
<a href="/repo/create/"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#676767" style="--darkreader-inline-color: #a79f94;" data-darkreader-inline-color=""><path d="M8 12H12M16 12H12M12 12V8M12 12V16" stroke="#676767" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #676767;" data-darkreader-inline-stroke=""></path><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#676767" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #676767;" data-darkreader-inline-stroke=""></path></svg> Create</a>
</div>
<div>
<a href="/explore/repos/">Explore</a>
{{if not .IsSigned}}
<a href="/user/login?redirect_to=%2f">Login</a>
{{end}}
{{if and .IsSigned}}
<a href="/issues/">Issues</a>
<a href="/pulls/">Pull Requests</a>
<a href="/notifications/">Notifications</a>
<a title="Your Account" href="/{{.SignedUser.Name}}/"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#606060"><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.271 18.3457C4.271 18.3457 6.50002 15.5 12 15.5C17.5 15.5 19.7291 18.3457 19.7291 18.3457" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
<a title="Settings" href="/user/settings"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#606060"><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
{{end}}
</div>
</div>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 SudoVanilla
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
window.addEventListener(
"scroll",
function () {
if (window.scrollY > 50) {
document.querySelector(".header-row-bottom").style.position = "fixed";
document.getElementById("show-w-scroll").style.opacity = "1";
document.getElementById("show-w-scroll").style.width = "100px";
} else {
document.querySelector(".header-row-bottom").style.position = "inherit";
document.getElementById("show-w-scroll").style.opacity = "0";
document.getElementById("show-w-scroll").style.width = "0";
}
},
false
);
</script>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 SudoVanilla
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
function ToggleMobileMenu() {
var MobileMenu = document.querySelector(".mobile-popup-menu");
if (MobileMenu.style.display === "flex") {
MobileMenu.style.display = "none";
} else {
MobileMenu.style.display = "flex";
}
}
</script>
</div>
</header>
<mobilebar data-astro-cid-eiyd7voq="">
<div class="mobile-popup-menu" data-astro-cid-eiyd7voq="" style="display: none;">
<a class="header-link-item" href="/blog/" data-astro-cid-eiyd7voq="">Blog</a>
<a class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Ark</a>
<a class="header-link-item" href="/docs/" data-astro-cid-eiyd7voq="">Docs</a>
<a class="header-link-item" href="/init/" data-astro-cid-eiyd7voq="">Init Privacy</a>
<hr/>
<a href="/explore/repos/">Explore</a>
{{if not .IsSigned}}
<a href="/user/login?redirect_to=%2f">Login</a>
{{end}}
{{if and .IsSigned}}
<a href="/issues/">Issues</a>
<a href="/pulls/">Pull Requests</a>
<a href="/notifications/">Notifications</a>
<a title="Your Account" href="/{{.SignedUser.Name}}/">Your Account</a>
<a title="Settings" href="/user/settings">Settings</a>
{{end}}
</div>
<a href="/" data-astro-cid-eiyd7voq="">
<div class="sudovanilla-logo" data-astro-cid-4zunyjcd=""><img alt="SudoVanilla Logo" src="https://md.sudovanilla.org/images/SudoVanilla-Full-Logo.svg" data-astro-cid-4zunyjcd="" /></div>
</a>
<p data-astro-cid-eiyd7voq="">Ark</p>
<button onclick="ToggleMobileMenu()" data-astro-cid-eiyd7voq="">
<svg width="1.5em" height="1.5em" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" data-astro-cid-eiyd7voq="true">
<path d="M3 5H11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 12H16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</mobilebar>

85
forgejo/gitea/templates/home.tmpl Normal file
View file

@ -0,0 +1,85 @@
{{template "base/head" .}}
<div class="page-content">
<div class="landing-hero">
<video autoplay="" muted="" loop="" src="https://md.sudovanilla.org/videos/mp4/3783818-hd_1920_1080_24fps.mp4" poster="https://md.sudovanilla.org/images/vlcsnap-2024-05-02-17h23m53s431.png"></video>
<!-- Shoelace needs JS, this is a fallback solution -->
<noscript><p id="video-credit">Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels</p> </noscript>
<sl-tooltip id="video-credit-js" class="with-js" content="Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels" placement="top-end" style="--sl-tooltip-arrow-size: 0; --max-width: 600px;">
<svg width="16" height="16" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" id="video-credit-js">
<path d="M12 11.5V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 7.51L12.01 7.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</sl-tooltip>
<div class="hero-content">
<h2>Ark</h2>
<p>The heart of SudoVanilla</p>
</div>
</div>
</div>
<style>
.landing-hero {
display: flex;
justify-content: center;
align-items: center;
text-align: left;
position: relative;
}
.landing-hero video {
width: 100%;
height: 500px;
border-radius: 10px;
opacity: 0.32;
object-fit: cover;
pointer-events: none;
}
.landing-hero #video-credit, .landing-hero #video-credit-js {
position: absolute;
color: white;
bottom: 0px;
right: 0px;
font-size: 10px;
opacity: 0.4;
margin: 32px;
}
.landing-hero #video-credit a, .landing-hero #video-credit-js a {
color: white;
}
.landing-hero .hero-content {
position: absolute;
display: flow-root;
width: 100%;
max-width: 1200px;
padding-left: 16%;
}
.landing-hero .hero-content h2 {
font-size: 50px;
margin: 0px;
}
.landing-hero .hero-content .sudovanilla-logo p {
font-size: 64px !important;
margin: 0px !important;
}
.landing-hero .hero-content p {
font-size: 24px;
margin: 0px;
}
@media screen and (max-width: 800px) {
.landing-hero {
position: fixed !important;
top: -16px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
}
.landing-hero video {
height: 100% !important;
border-radius: 0px !important;
}
.hero-content {
top: 40% !important;
}
}
</style>

80
forgejo/gitea/templates/user/dashboard/dashboard.tmpl Normal file
View file

@ -0,0 +1,80 @@
{{template "base/head" .}}
<div class="page-content">
<div class="landing-hero">
<video autoplay="" muted="" loop="" src="https://md.sudovanilla.org/videos/mp4/3783818-hd_1920_1080_24fps.mp4" poster="https://md.sudovanilla.org/images/vlcsnap-2024-05-02-17h23m53s431.png"></video>
<!-- Shoelace needs JS, this is a fallback solution -->
<noscript><p id="video-credit">Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels</p> </noscript>
<sl-tooltip id="video-credit-js" class="with-js" content="Drone Footage Of The Island And The Sea By Taryn Elliott Taryn Elliott on Pexels" placement="top-end" style="--sl-tooltip-arrow-size: 0; --max-width: 600px;">
<svg width="16" height="16" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" id="video-credit-js">
<path d="M12 11.5V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 7.51L12.01 7.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</sl-tooltip>
<div class="hero-content">
<h2>Ark</h2>
<p>The heart of SudoVanilla</p>
</div>
</div>
<div class="ui container flex-container">
<div class="flex-container-main">
{{template "base/alert" .}}
{{template "user/dashboard/feeds" .}}
</div>
{{template "user/dashboard/repolist" .}}
</div>
</div>
<style>
.landing-hero video {
height: 240px !important;
}
.landing-hero {
display: flex;
justify-content: center;
align-items: center;
text-align: left;
position: relative;
}
.landing-hero video {
width: 100%;
height: 500px;
border-radius: 10px;
opacity: 0.32;
object-fit: cover;
pointer-events: none;
}
.landing-hero #video-credit, .landing-hero #video-credit-js {
position: absolute;
color: white;
bottom: 0px;
right: 0px;
font-size: 10px;
opacity: 0.4;
margin: 32px;
}
.landing-hero #video-credit a, .landing-hero #video-credit-js a {
color: white;
}
.landing-hero .hero-content {
position: absolute;
display: flow-root;
width: 100%;
max-width: 1200px;
padding-left: 16%;
}
.landing-hero .hero-content h2 {
font-size: 50px;
margin: 0px;
}
.landing-hero .hero-content .sudovanilla-logo p {
font-size: 64px !important;
margin: 0px !important;
}
.landing-hero .hero-content p {
font-size: 24px;
margin: 0px;
}
</style>
{{template "base/footer" .}}