Merge branch 'master' into patch-1

berlintay · Aug 10, 2024 · 3a5c40c · 3a5c40c
2 parents 46a8a65 + 5a6f413
commit 3a5c40c
Show file tree

Hide file tree

Showing 9 changed files with 118 additions and 106 deletions.
diff --git a/.hintrc b/.hintrc
@@ -0,0 +1,10 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "meta-viewport": "off",
+    "disown-opener": "off",
+    "no-inline-styles": "off"
+  }
+}
diff --git a/.vscode/launch.json 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}"
+        }
+    ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "Keays"
+    ]
+}
diff --git a/index.html b/index.html
@@ -12,6 +12,7 @@
 
     <div id="main-interface" style="display: none;" aria-live="polite">
         <div id="ascii-header">
+            <!-- You can include your ASCII art here -->
             <pre>
     ██   █████████ ███████    █████████    ██   ████    █████████
     ██  ██ ██     ██   ████  ██ ██          ██ ██  ██  ██    ███

diff --git a/media/screenshot.png b/media/screenshot.png
diff --git a/package-lock.json b/package-lock.json
diff --git 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 = `
+                
                     <h3>${repo.organization} / ${repo.repository}</h3>
                     <p>${repo.description}</p>
+                
                 `;
                 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 🤲🧿");
+});
diff --git 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;
-}
+}
diff --git a/trending_repos.json b/trending_repos.json
@@ -4,69 +4,69 @@
     "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",
     "repository": "MiniCPM-V",
     "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."
   }
 ]