diff --git a/bcst/themes/home-term/css/style.css b/bcst/themes/home-term/css/style.css new file mode 100644 index 0000000..b6a9790 --- /dev/null +++ b/bcst/themes/home-term/css/style.css @@ -0,0 +1,124 @@ +@font-face { + font-family: "Roboto Mono"; + src: url("../fonts/roboto-mono-medium.ttf"); +} + +:root { + --font: "Roboto Mono"; + --background: #0f0e17; + --foreground: #fffffe; + --pink: #e53170; + --red: #f25f4c; + --orange: #ff8906; + --branch: 1px solid #a7a9be; +} + +html { + font-size: 18px; + overflow: hidden; +} + +body { + background: var(--background); + width: 100vw; + height: 100vh; + margin: 0; + display: flex; + justify-content: center; + align-items: center; +} + +.prompt { + font-family: var(--font); + color: var(--foreground); +} + +.prompt~.prompt { + padding: 1.5rem 0 0.3125rem; +} + +span { + color: var(--pink); +} + +h1 { + display: inline; + font-family: var(--font); + font-size: 1rem; + font-weight: normal; + color: var(--red); + cursor: pointer; +} + +.tree > ul { + margin: 0; + padding-left: 1rem; +} + +ul { + list-style: none; + padding-left: 2.5rem; +} + +li { + position: relative; +} + +li.hideChildren > ul { + display: none; +} + +li::before, li::after { + content: ""; + position: absolute; + left: -0.75rem; +} + +li::before { + border-top: var(--branch); + top: 0.75rem; + width: 0.5rem; +} + +li::after { + border-left: var(--branch); + height: 100%; + top: 0.25rem; +} + +li:last-child::after { + height: 0.5rem; +} + +a { + font-family: var(--font); + font-size: 1rem; + color: var(--foreground); + text-decoration: none; + outline: none; +} + +a:hover, +a:focus { + color: var(--background); + background: var(--orange); +} + +form h1 { + padding-left: 0.125rem; +} + +/* you can fill the texarea above/below? the Viewport */ +#search { + font-family: var(--font); + font-size: 1rem; + color: var(--foreground); + background-color: var(--background); + border: none; + outline: none; + position: absolute; + width: 50vw; + height: 50vh; + word-break: break-all; + resize:none; +} diff --git a/bcst/themes/home-term/fonts/roboto-mono-medium.ttf b/bcst/themes/home-term/fonts/roboto-mono-medium.ttf new file mode 100644 index 0000000..c496725 Binary files /dev/null and b/bcst/themes/home-term/fonts/roboto-mono-medium.ttf differ diff --git a/bcst/themes/home-term/index.html b/bcst/themes/home-term/index.html new file mode 100644 index 0000000..7624368 --- /dev/null +++ b/bcst/themes/home-term/index.html @@ -0,0 +1,52 @@ + + + + + + {{title}} + + +
+
[user@home ~]$ tree
+
+

.

+ +
+
[user@home ~]$ ddg
+ +
+

{{ search_msg }}

+ +
+
+ + + + + + diff --git a/bcst/themes/home-term/resources.json b/bcst/themes/home-term/resources.json new file mode 100644 index 0000000..64f71d3 --- /dev/null +++ b/bcst/themes/home-term/resources.json @@ -0,0 +1,22 @@ +{ + "title": "Home", + "name": "user", + "bookmarks": { + "engines": { + "Qwant": "https://www.qwant.com/", + "DDG": "https://duckduckgo.com/", + "Google": "http://google.fr" + }, + "Reddit": { + "Home": "https://www.reddit.com/", + "Unixporn": "https://www.reddit.com/r/Unixporn", + "Linux": "https://www.reddit.com/me/m/linux" + }, + "Social": { + "Discord": "https://discordapp.com/channels/@me", + "Twitter": "https://twitter.com/", + "LinuxRocks": "https://linuxrocks.online/web/getting-started" + } + }, + "search_msg":"search: " +} diff --git a/bcst/themes/home-term/script/script.js b/bcst/themes/home-term/script/script.js new file mode 100644 index 0000000..b3e8bc8 --- /dev/null +++ b/bcst/themes/home-term/script/script.js @@ -0,0 +1,35 @@ + +const Main = (() => { + const list = document.getElementById("list"); + const names = document.querySelectorAll("[data-Name]"); + const search = document.getElementById("search"); + const form = document.forms[0]; + + const init = () => { + list.innerHTML = Config.Links.map(([gName, Links]) => ` +
  • +

    ${gName}

    + +
    • ` + ).join("") + + names.forEach(el => { + el.innerText = Config.name; + }); + + document.addEventListener("keydown", e => e.key.length === 1 && search.focus()); + search.addEventListener("keydown", () => (window.event ? event.keyCode : e.which) == 13 && form.submit()); + }; + + return { + init, + }; +})(); + +Main.init() diff --git a/gallery/README.md b/gallery/README.md index 0dc6778..215911b 100644 --- a/gallery/README.md +++ b/gallery/README.md @@ -12,6 +12,13 @@ - Author: hungry-hobo - Url: https://github.com/Hungry-Hobo/Homepage +### home-term +![Home Term](home-term.jpg) +*Description*: +- Author: Nytly, Teiem +- Url Nytly: https://notabug.org/nytly/home +- Url Teiem: https://github.com/Teiem/homeFork/tree/gh-pages + ### qhungg ![Qhungg](qhungg.jpg) *Description*: diff --git a/gallery/home-term.jpg b/gallery/home-term.jpg new file mode 100644 index 0000000..26a063d Binary files /dev/null and b/gallery/home-term.jpg differ