From 5a6f413bfe2991a75903abce3f5ab942af9293d5 Mon Sep 17 00:00:00 2001 From: Joshua Taylor Keays Date: Sat, 10 Aug 2024 12:28:40 -0300 Subject: [PATCH] major/minor tweaks --- .hintrc | 10 ++++++ .vscode/launch.json | 15 +++++++++ .vscode/settings.json | 5 +++ index.html | 13 ++++++-- package-lock.json | 2 +- script.js | 59 ++++++++++++++--------------------- style.css | 60 ++++++++++++++++-------------------- trending_repos.json | 72 +++++++++++++++++++++---------------------- 8 files changed, 127 insertions(+), 109 deletions(-) create mode 100644 .hintrc create mode 100644 .vscode/launch.json create mode 100644 .vscode/settings.json diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..8ba6e63 --- /dev/null +++ b/.hintrc @@ -0,0 +1,10 @@ +{ + "extends": [ + "development" + ], + "hints": { + "meta-viewport": "off", + "disown-opener": "off", + "no-inline-styles": "off" + } +} \ No newline at end of file diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f490704 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "cSpell.words": [ + "Keays" + ] +} \ No newline at end of file diff --git a/index.html b/index.html index 58aa4e7..006557a 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,14 @@ + + Logo + +
diff --git a/package-lock.json b/package-lock.json index e4d1d24..6aa921d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "KeaysXYZ", + "name": "KeaysXYZ-1", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/script.js b/script.js index 5db2fce..80eb95c 100644 --- a/script.js +++ b/script.js @@ -1,32 +1,25 @@ document.addEventListener("DOMContentLoaded", function() { - const bootScreen = document.getElementById('boot-screen'); const mainInterface = document.getElementById('main-interface'); - const bootVideo = document.getElementById('boot-video'); - - // Hide boot screen and show main interface after the video ends - bootVideo.onended = function() { - bootScreen.style.display = 'none'; - mainInterface.style.display = 'block'; - }; - - // Fetch the GitHub trending repositories feed and display it - fetch('/trending_repos.json') + + mainInterface.style.display = 'block'; + + fetch('./trending_repos.json') .then(response => response.json()) .then(data => { const trendingContainer = document.getElementById('trending-repos'); trendingContainer.innerHTML = ''; // Clear existing content - // Limit to top 10 repositories - const topTenRepos = data.slice(0, 10); - - topTenRepos.forEach(repo => { + data.forEach(repo => { const repoElement = document.createElement('div'); repoElement.classList.add('repo'); repoElement.innerHTML = ` +

${repo.organization} / ${repo.repository}

${repo.description}

+ `; trendingContainer.appendChild(repoElement); + }); }) .catch(error => console.error('Error fetching trending data:', error)); @@ -68,30 +61,24 @@ document.addEventListener("DOMContentLoaded", function() { break; } } - - // Event listener for terminal input - document.getElementById('command-input').addEventListener('keypress', function(event) { - if (event.key === 'Enter') { - const command = event.target.value.trim(); - processCommand(command); - event.target.value = ''; // Clear the input after processing + + function appendToTerminal(content, isHtml = false) { + const terminal = document.getElementById('terminal'); + const output = document.createElement('div'); + if (isHtml) { + output.innerHTML = content; + } else { + output.textContent = content; } - }); - -// Example functions for terminal management (these need to be defined elsewhere in your script) -function appendToTerminal(content, isHtml = false) { - const terminal = document.getElementById('terminal'); - const output = document.createElement('div'); - if (isHtml) { - output.innerHTML = content; - } else { - output.textContent = content; - } - terminal.appendChild(output); + terminal.appendChild(output); } function clearTerminal() { const terminal = document.getElementById('terminal'); - terminal.innerHTML = ''; // Clear all terminal content + const helloFriendMsg = terminal.firstChild.cloneNode(true); + terminal.innerHTML = ''; + terminal.appendChild(helloFriendMsg); } -}); + + appendToTerminal("Hello, Friend 🤲🧿"); +}); \ No newline at end of file diff --git a/style.css b/style.css index b85746e..0587de1 100644 --- a/style.css +++ b/style.css @@ -6,16 +6,6 @@ body, html { color: #dcd7ba; } -#boot-screen { - position: fixed; - width: 100%; - height: 100%; - background-color: black; - display: flex; - justify-content: center; - align-items: center; -} - #main-interface { display: flex; flex-direction: column; @@ -26,6 +16,7 @@ body, html { #ascii-header { color: #957fb8; text-align: center; + font-size: 32px; } #trending-container { @@ -38,7 +29,7 @@ body, html { border: 1px solid #010334; border-radius: 5px; width: 300px; - max-height: 400px; + max-height: 600px; overflow-y: auto; } @@ -62,38 +53,41 @@ body, html { } #terminal { - width: 80%; - height: 200px; - margin-top: 20px; - padding: 10px; - background-color: #1f1f28; - color: #81add4; - overflow-y: auto; - border: 1px solid #1f1f28; - border-radius: 5px; -} - -.prompt { display: flex; + flex-direction: column-reverse; /* This makes the output appear at the bottom */ + justify-content: flex-end; align-items: center; - margin-top: 10px; + font-size: 22px; + width: 100%; + background-color: transparent; + border: none; + color: #dcd7ba; + caret-color: #dcd7ba; + padding-bottom: 20px; /* Adding some padding at the bottom */ } -.prompt span { - color: #7e9cd8; +.prompt { + display: flex; + justify-content: center; + margin-top: 20px; } #command-input { - background-color: transparent; + width: 300px; /* Fixed width */ + background-color: #1f1f28; + color: #d4d4d4; border: none; - color: #dcd7ba; - font-family: 'IBM Plex Mono', monospace; - font-size: 24px; outline: none; - width: 100%; - caret-color: #dcd7ba; + font-size: 18px; + padding: 5px; + margin-right: 10px; + box-shadow: none; /* Remove the box */ } +#prompt-line { + margin-right: 10px; + font-weight: bold; +} #taskbar { position: fixed; bottom: 0; @@ -105,4 +99,4 @@ body, html { border-top: 1px solid #957fb8; display: flex; justify-content: center; -} +} \ No newline at end of file diff --git a/trending_repos.json b/trending_repos.json index b35c4d2..6d10a41 100644 --- a/trending_repos.json +++ b/trending_repos.json @@ -4,30 +4,25 @@ "repository": "Deep-Live-Cam", "description": "real time face swap and one-click video deepfake with only a single image (uncensored)" }, - { - "organization": "NaiboWang", - "repository": "EasySpider", - "description": "A visual no-code/code-free web crawler/spider易采集：一个可视化浏览器自动化测试/数据采集/爬虫软件，可以无代码图形化的设计和执行爬虫任务。别名：ServiceWrapper面向Web应用的智能化服务封装系统。" - }, - { - "organization": "ardalis", - "repository": "CleanArchitecture", - "description": "Clean Architecture Solution Template: A starting point for Clean Architecture with ASP.NET Core" - }, { "organization": "teableio", "repository": "teable", "description": "✨ The Next Gen Airtable Alternative: No-Code Postgres" }, { - "organization": "goldbergyoni", - "repository": "nodebestpractices", - "description": "✅ The Node.js best practices list (July 2024)" + "organization": "raspberrypi", + "repository": "pico-sdk", + "description": "No description" + }, + { + "organization": "NaiboWang", + "repository": "EasySpider", + "description": "A visual no-code/code-free web crawler/spider易采集：一个可视化浏览器自动化测试/数据采集/爬虫软件，可以无代码图形化的设计和执行爬虫任务。别名：ServiceWrapper面向Web应用的智能化服务封装系统。" }, { - "organization": "ckeditor", - "repository": "ckeditor5", - "description": "Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing." + "organization": "penpot", + "repository": "penpot", + "description": "Penpot: The open-source design tool for design and code collaboration" }, { "organization": "OpenBMB", @@ -35,38 +30,43 @@ "description": "MiniCPM-V 2.6: A GPT-4V Level MLLM for Single Image, Multi Image and Video on Your Phone" }, { - "organization": "getsentry", - "repository": "sentry", - "description": "Developer-first error tracking and performance monitoring" - }, - { - "organization": "airbnb", - "repository": "lottie-ios", - "description": "An iOS library to natively render After Effects vector animations" + "organization": "Stirling-Tools", + "repository": "Stirling-PDF", + "description": "#1 Locally hosted web application that allows you to perform various operations on PDF files" }, { - "organization": "mlabonne", - "repository": "llm-course", - "description": "Course to get into Large Language Models (LLMs) with roadmaps and Colab notebooks." + "organization": "massgravel", + "repository": "Microsoft-Activation-Scripts", + "description": "A Windows and Office activator using HWID / Ohook / KMS38 / Online KMS activation methods, with a focus on open-source code and fewer antivirus detections." }, { - "organization": "Infisical", - "repository": "infisical", - "description": "♾ Infisical is the open-source secret management platform: Sync secrets across your team/infrastructure, prevent secret leaks, and manage internal PKI" + "organization": "MahmoudAshraf97", + "repository": "whisper-diarization", + "description": "Automatic Speech Recognition with Speaker Diarization based on OpenAI Whisper" }, { - "organization": "langgenius", - "repository": "dify", - "description": "Dify is an open-source LLM app development platform. Dify's intuitive interface combines AI workflow, RAG pipeline, agent capabilities, model management, observability features and more, letting you quickly go from prototype to production." + "organization": "getsentry", + "repository": "sentry", + "description": "Developer-first error tracking and performance monitoring" }, { - "organization": "pointfreeco", - "repository": "swift-composable-architecture", - "description": "A library for building applications in a consistent and understandable way, with composition, testing, and ergonomics in mind." + "organization": "cocos", + "repository": "cocos-engine", + "description": "Cocos simplifies game creation and distribution with Cocos Creator, a free, open-source, cross-platform game engine. Empowering millions of developers to create high-performance, engaging 2D/3D games and instant web entertainment." }, { "organization": "Avaiga", "repository": "taipy", "description": "Turns Data and AI algorithms into production-ready web applications in no time." + }, + { + "organization": "goldbergyoni", + "repository": "nodebestpractices", + "description": "✅ The Node.js best practices list (July 2024)" + }, + { + "organization": "onceupon", + "repository": "Bash-Oneliner", + "description": "A collection of handy Bash One-Liners and terminal tricks for data processing and Linux system maintenance." } ] \ No newline at end of file