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">
<img src="https://github.com/titaniumnetwork-dev/Alu/assets/99224452/d740378b-3fba-4470-8f06-3eefdae8a313" alt="AluLogo" width="250"/>
</p>
# 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
@ -28,14 +29,14 @@ Deploying Alu is about as simple as it gets.
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.
Congrats! You should now be running your very own instance of Alu! 🎉
> [!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?

View file

@ -14,22 +14,22 @@
},
"dependencies": {
"@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-mux": "^2.0.9",
"@mercuryworkshop/epoxy-transport": "^2.1.11",
"@mercuryworkshop/bare-mux": "^2.1.2",
"@mercuryworkshop/epoxy-transport": "^2.1.16",
"@mercuryworkshop/libcurl-transport": "^1.3.10",
"@rubynetwork/rammerhead": "^1.3.2",
"@rubynetwork/rammerhead": "^1.3.5",
"@titaniumnetwork-dev/ultraviolet": "^3.2.7",
"@tomphttp/bare-server-node": "^2.0.4",
"@types/node": "^20.16.9",
"astro": "^4.15.9",
"@types/node": "^20.16.11",
"astro": "^4.16.2",
"chalk": "^5.3.0",
"cookie-parser": "^1.4.6",
"cookie-parser": "^1.4.7",
"dotenv-flow": "^4.1.0",
"express": "^4.21.0",
"express": "^4.21.1",
"notyf": "^3.10.0",
"sequelize": "^6.37.3",
"sequelize": "^6.37.4",
"sqlite3": "^5.1.7",
"wisp-server-node": "^1.1.7"
},

4133
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

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

View file

@ -7,7 +7,7 @@ const t = i18n.useTranslations(lang);
<nav class="top-header">
<div id="title-background" class="title-background">
<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 class="right">
<a href={`/${lang}/marketplace/`} class="header-item">Marketplace</a>

View file

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

View file

@ -1,17 +1,15 @@
<script>
const primaryColor = "#8c25fa";
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("%cOS: " + navigator.platform, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`);
console.log("%cBrowser: " + navigator.userAgent, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`);
console.log("%cCPU Cores: " + navigator.hardwareConcurrency, `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`);
// Cmon firefox, do we really not support this?? Basic stuff here from the "indie browser".
if (!navigator.userAgent.includes("Firefox")) {
console.log("%cMemory: " + (navigator as any).deviceMemory + "GB", `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`);
} else {
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;`);
console.log(welcomeMessage,
`color: ${primaryColor}; font-size: 2rem; font-weight: bold; text-shadow: 2px 2px 0 ${secondaryColor};`,
`color: ${primaryColor}; font-size: 1rem; font-weight: bold;`,
`color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
`color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
`color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
`color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
`color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`
);
</script>

View file

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