Merge pull request #28 from 3kho/main
Adding fonts to elements and more
This commit is contained in:
commit
7dafacc43c
8 changed files with 2090 additions and 2102 deletions
11
README.md
11
README.md
|
|
@ -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"/>
|

|
||||||
|

|
||||||
|

|
||||||
|
|
||||||
# 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?
|
||||||
|
|
||||||
|
|
|
||||||
18
package.json
18
package.json
|
|
@ -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
2615
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load diff
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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 || ""}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue