Merge pull request #28 from 3kho/main

Adding fonts to elements and more
This commit is contained in:
wearr 2024-10-23 17:14:45 -05:00 committed by GitHub
commit 7dafacc43c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 2090 additions and 2102 deletions

View file

@ -1,13 +1,14 @@
<p align="center"> <p align="center">
<img src="https://github.com/titaniumnetwork-dev/Alu/assets/99224452/d740378b-3fba-4470-8f06-3eefdae8a313" alt="AluLogo" width="250"/> <img src="https://github.com/titaniumnetwork-dev/Alu/assets/99224452/d740378b-3fba-4470-8f06-3eefdae8a313" alt="AluLogo" width="250"/>
</p> </p>
# Alu # Alu
Alu is a beautiful, functional, and sleek web proxy, which focuses on customization and ease of use. Alu is a beautiful, functional, and sleek web proxy that prioritizes customization and ease of use.
<img src="https://shields.io/github/languages/code-size/titaniumnetwork-dev/Alu?style=flat-square&logo=github"/> <img src="https://shields.io/github/stars/titaniumnetwork-dev/Alu?style=flat-square&logo=github"/> <img src="https://img.shields.io/badge/made%20with-coffee-452515?style=flat-square&logo=coffeescript"/> ![Code size](https://shields.io/github/languages/code-size/titaniumnetwork-dev/Alu?style=flat-square&logo=github)
![Star count](https://shields.io/github/stars/titaniumnetwork-dev/Alu?style=flat-square&logo=github)
![Made with coffee](https://img.shields.io/badge/made%20with-coffee-452515?style=flat-square&logo=coffeescript)
# Features # Features
@ -28,14 +29,14 @@ Deploying Alu is about as simple as it gets.
2. Install pnpm with `npm i -g pnpm`. 2. Install pnpm with `npm i -g pnpm`.
3. Then simply run `pnpm i` to install all node_modules, and then build the frontend with `pnpm run build`, this shouldn't take more than a couple seconds. 3. Then simply run `pnpm i` to install all node_modules, and build the frontend with `pnpm run build`; this shouldn't take more than a couple seconds.
4. Finally, run `pnpm start` to actually serve Alu! It defaults to port 3000 for everything, but this can be specified in an env file. 4. Finally, run `pnpm start` to actually serve Alu! It defaults to port 3000 for everything, but this can be specified in an env file.
Congrats! You should now be running your very own instance of Alu! 🎉 Congrats! You should now be running your very own instance of Alu! 🎉
> [!WARNING] > [!WARNING]
> Recursing all submodules will install [alu-games](https://github.com/wearrrrr/alu-games) as well. This repo contains _all_ games for Alu, and is quite large! If you wish to skip it, simply remove `--recurse-submodules` from your clone command. > Recursing all submodules will install [alu-games](https://github.com/wearrrrr/alu-games) as well. This repo contains _all_ games for Alu and is quite large! If you wish to skip it, simply remove `--recurse-submodules` from your clone command.
## What about Docker? ## What about Docker?

View file

@ -14,22 +14,22 @@
}, },
"dependencies": { "dependencies": {
"@astrojs/node": "^8.3.4", "@astrojs/node": "^8.3.4",
"@inox-tools/sitemap-ext": "^0.3.3", "@inox-tools/sitemap-ext": "^0.3.5",
"@mercuryworkshop/bare-as-module3": "^2.2.2", "@mercuryworkshop/bare-as-module3": "^2.2.2",
"@mercuryworkshop/bare-mux": "^2.0.9", "@mercuryworkshop/bare-mux": "^2.1.2",
"@mercuryworkshop/epoxy-transport": "^2.1.11", "@mercuryworkshop/epoxy-transport": "^2.1.16",
"@mercuryworkshop/libcurl-transport": "^1.3.10", "@mercuryworkshop/libcurl-transport": "^1.3.10",
"@rubynetwork/rammerhead": "^1.3.2", "@rubynetwork/rammerhead": "^1.3.5",
"@titaniumnetwork-dev/ultraviolet": "^3.2.7", "@titaniumnetwork-dev/ultraviolet": "^3.2.7",
"@tomphttp/bare-server-node": "^2.0.4", "@tomphttp/bare-server-node": "^2.0.4",
"@types/node": "^20.16.9", "@types/node": "^20.16.11",
"astro": "^4.15.9", "astro": "^4.16.2",
"chalk": "^5.3.0", "chalk": "^5.3.0",
"cookie-parser": "^1.4.6", "cookie-parser": "^1.4.7",
"dotenv-flow": "^4.1.0", "dotenv-flow": "^4.1.0",
"express": "^4.21.0", "express": "^4.21.1",
"notyf": "^3.10.0", "notyf": "^3.10.0",
"sequelize": "^6.37.3", "sequelize": "^6.37.4",
"sqlite3": "^5.1.7", "sqlite3": "^5.1.7",
"wisp-server-node": "^1.1.7" "wisp-server-node": "^1.1.7"
}, },

2615
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -115,6 +115,7 @@ const presetCloaks = [
border: 0; border: 0;
color: var(--text-color); color: var(--text-color);
cursor: pointer; cursor: pointer;
font-family: "Varela Round", sans-serif !important;
} }
.cloak-custom-input { .cloak-custom-input {
height: 40px; height: 40px;

View file

@ -7,7 +7,7 @@ const t = i18n.useTranslations(lang);
<nav class="top-header"> <nav class="top-header">
<div id="title-background" class="title-background"> <div id="title-background" class="title-background">
<div class="left"> <div class="left">
<a href={`/${lang}/`} class="header-item flex-item"><img class="nav-img" src="/favicon.svg" /><span>{t("nav.brand")}</span></a> <a href={`/${lang}/`} class="header-item flex-item"><img class="nav-img" src="/favicon.svg" alt="Alu Logo" /><span>{t("nav.brand")}</span></a>
</div> </div>
<div class="right"> <div class="right">
<a href={`/${lang}/marketplace/`} class="header-item">Marketplace</a> <a href={`/${lang}/marketplace/`} class="header-item">Marketplace</a>

View file

@ -24,7 +24,7 @@ if (!height) {
--- ---
<input <input
style={`height: ${inputHeight}`} style={`height: ${inputHeight}; font-family: 'Varela Round', sans-serif !important;`}
id={inputName + "-input"} id={inputName + "-input"}
placeholder={placeholder || ""} placeholder={placeholder || ""}
value={defaultTextContent || ""} value={defaultTextContent || ""}

View file

@ -1,17 +1,15 @@
<script> <script>
const primaryColor = "#8c25fa"; const primaryColor = "#8c25fa";
const secondaryColor = "#601aab"; const secondaryColor = "#601aab";
console.log("%cWelcome to Alu", `color: ${primaryColor}; font-size: 2rem; font-weight: bold; text-shadow: 2px 2px 0 ${secondaryColor};`); const welcomeMessage = `%cWelcome to Alu!\n%cSystem Information:\n%cOS: ${navigator.platform}\n%cBrowser: ${navigator.userAgent}\n%cCPU Cores: ${navigator.hardwareConcurrency}\n%cMemory: ${navigator.userAgent.includes("Firefox") ? "Not supported in Firefox" : (navigator as any).deviceMemory + "GB"}\n%cPlease include this information in a bug report!`;
console.log("%cSystem Information: ", `color: ${primaryColor}; font-size: 1rem; font-weight: bold;`); console.log(welcomeMessage,
console.log("%cOS: " + navigator.platform, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`); `color: ${primaryColor}; font-size: 2rem; font-weight: bold; text-shadow: 2px 2px 0 ${secondaryColor};`,
console.log("%cBrowser: " + navigator.userAgent, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`); `color: ${primaryColor}; font-size: 1rem; font-weight: bold;`,
console.log("%cCPU Cores: " + navigator.hardwareConcurrency, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`); `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
// Cmon firefox, do we really not support this?? Basic stuff here from the "indie browser". `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
if (!navigator.userAgent.includes("Firefox")) { `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
console.log("%cMemory: " + (navigator as any).deviceMemory + "GB", `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`); `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
} else { `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`
console.log("%cMemory: Not supported in Firefox", `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`); );
}
console.log("%cPlease include this information in a bug report!", `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`);
</script> </script>

View file

@ -124,6 +124,7 @@ export const getStaticPaths = () => {
pointer-events: all; pointer-events: all;
cursor: pointer; cursor: pointer;
z-index: 99; z-index: 99;
font-family: 'Varela Round', sans-serif !important;
} }
.marketplace-btn.installed { .marketplace-btn.installed {
filter: brightness(0.8); filter: brightness(0.8);