Google Colab guide website

Abdullah-Albanna · Feb 27, 2024 · 4b2d34d · 4b2d34d
1 parent bc4c12b
commit 4b2d34d
Show file tree

Hide file tree

Showing 12 changed files with 39,658 additions and 1 deletion.
diff --git a/docs/GColab/Home.css b/docs/GColab/Home.css
diff --git a/docs/GColab/Home.html b/docs/GColab/Home.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;" lang="en"><head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="Work Experience, Instructions for running, Console">
+    <meta name="description" content="">
+    <title>Home</title>
+	<link rel="icon" type="image/png" href="images/favicon.png" sizes="64x64">
+    <link rel="stylesheet" href="style.css" media="screen">
+<link rel="stylesheet" href="Home.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="javascript.js" defer=""></script>
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
+
+
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "Google Colab",
+		"logo": "images/Logo.png"
+}</script>
+    <meta name="theme-color" content="#478ac9">
+    <meta property="og:title" content="Home">
+    <meta property="og:type" content="website">
+  </head>
+  <body data-home-page="Home.html" data-home-page-title="Home" class="u-body u-xl-mode" data-lang="en"><header class="u-black u-clearfix u-header u-header" id="sec-342a"><div class="u-clearfix u-sheet u-sheet-1">
+        <a href="" class="u-image u-logo u-image-1" data-image-width="500" data-image-height="500">
+          <img src="images/Logo.png" class="u-logo-image u-logo-image-1">
+        </a>
+        <nav class="u-menu u-menu-one-level u-offcanvas u-menu-1">
+          <div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px;">
+            <a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
+              <svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
+              <svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
+</g></svg>
+            </a>
+          </div>
+          <div class="u-custom-menu u-nav-container">
+            <ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Home.html" style="padding: 10px 20px;">Home</a>
+</li></ul>
+          </div>
+          <div class="u-custom-menu u-nav-container-collapse">
+            <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
+              <div class="u-inner-container-layout u-sidenav-overflow">
+                <div class="u-menu-close"></div>
+                <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html">Home</a>
+</li></ul>
+              </div>
+            </div>
+            <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
+          </div>
+        </nav>
+      </div></header>
+    <section class="u-black u-clearfix u-section-1" id="carousel_ffce">
+      <div class="u-clearfix u-sheet u-sheet-1">
+        <h2 class="u-text u-text-default u-text-1">Instructions Running</h2>
+        <div class="u-expanded-width u-list u-list-1">
+          <div class="u-repeater u-repeater-1"></div>
+        </div>
+        <img class="u-image u-image-contain u-image-default u-preserve-proportions u-image-1" src="images/GoogleLogo.png" alt="" data-image-width="128" data-image-height="128">
+        <h2 class="u-text u-text-palette-3-base u-text-2">Colab</h2>
+        <h6 class="u-text u-text-default-lg u-text-default-md u-text-default-xl u-text-3">
+          <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="https://colab.research.google.com" target="_blank">● Go to Google Colab and sign in with your Google account</a>
+        </h6>
+        <h6 class="u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-4">● <span class="u-icon"></span>You should be dropped to the main window
+        </h6>
+        <h6 class="u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-5">● Create a new NoteBook by clicking File &gt; new notebook</h6>
+        <h6 class="u-text u-text-default u-text-6">● On the first block of code, paste these:</h6>
+        <h5 class="u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-palette-3-base u-text-7">! wget abdullah.hopto.org/ColabLinux ; bash ColabLinux</h5>
+        <h6 class="u-text u-text-default-lg u-text-default-xl u-text-8">● Create another block of code by pressing the "+ Code" button, and type the following:</h6>
+        <h6 class="u-text u-text-default-lg u-text-default-xl u-text-palette-3-base u-text-9">! ssh -o StrictHostKeyChecking=no -R [ALIAS]:7582:localhost:7582 serveo.net </h6>
+        <h6 class="u-text u-text-default-lg u-text-default-md u-text-default-xl u-text-10">● Replace "[ALIAS]" with a unique alias/name, and of course without the parentheses</h6>
+        <h6 class="u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-11">● Create another block of code, and type the following:</h6>
+        <h6 class="u-text u-text-default u-text-palette-3-base u-text-12"> ! sudo apt install tmate &amp;&amp; tmate </h6>
+        <h2 class="u-text u-text-13">Terminal: </h2>
+        <h6 class="u-text u-text-14">● To get a termial, all you have to do is running the 3rd block of code</h6>
+        <h6 class="u-text u-text-15">● You should get a result similar to this:</h6>
+        <img class="u-image u-image-default u-preserve-proportions u-image-2" src="images/Tmate1.png" alt="" data-image-width="477" data-image-height="48">
+        <h6 class="u-text u-text-default-lg u-text-default-xl u-text-16">● You can either choose the web or from you own terminal/cmd, just copy the blue line and run it.</h6>
+        <h2 class="u-text u-text-17">VNC: </h2>
+        <h6 class="u-text u-text-18">● To get a VNC, run the 1st block of code untill it finishes with no errors.</h6>
+        <h6 class="u-text u-text-19">● Next is running the 2nd block of code, you should get something like this:</h6>
+        <h6 class="u-text u-text-custom-color-2 u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-20"> Forwarding TCP traffic from [ALIAS]:7582</h6>
+        <h6 class="u-text u-text-21">● If you see this message at the end of the result, then eveything is running</h6>
+        <h6 class="u-text u-text-22">● Next is typing the following into your own terminal/cmd:</h6>
+        <h6 class="u-text u-text-custom-color-2 u-text-default u-text-23">ssh -L 5901:[ALIAS]:7582 serveo.net</h6>
+        <h6 class="u-text u-text-24">● Now you can connect to it with "localhost:5901" using any VNC viewer:</h6>
+        <h6 class="u-text u-text-default u-text-25">
+          <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-2" href="https://tigervnc.org/" target="_blank">TigerVNC</a>
+        </h6>
+        <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-3" href="https://www.realvnc.com/en/" target="_blank">RealVNC</a>
+        <h6 class="u-text u-text-26">User: user<br>Password: password
+        </h6>
+      </div>
+    </section>
+
+
+    <footer class="u-align-center u-black u-clearfix u-footer u-footer" id="sec-6508"><div class="u-clearfix u-sheet u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Proudly Hosted with Github Pages.&nbsp;<span class="u-file-icon u-icon u-text-white u-icon-1"><img src="images/Github-a423d69f.png" alt=""></span>
+        </p>
+        <h6 class="u-text u-text-2">
+          <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="https://github.com/Abdullah-Albanna" target="_blank">My Github&nbsp;<span class="u-file-icon u-icon u-text-white u-icon-2" data-href="https://github.com/Abdullah-Albanna" data-target="_blank"><img src="images/Github-a423d69f.png" alt=""></span>
+          </a>
+        </h6>
+      </div></footer>
+
+</body></html>
diff --git a/docs/GColab/images/Github-a423d69f.png b/docs/GColab/images/Github-a423d69f.png
diff --git a/docs/GColab/images/Github.png b/docs/GColab/images/Github.png
diff --git a/docs/GColab/images/GoogleLogo.png b/docs/GColab/images/GoogleLogo.png
diff --git a/docs/GColab/images/Logo.png b/docs/GColab/images/Logo.png
diff --git a/docs/GColab/images/Tmate1.png b/docs/GColab/images/Tmate1.png
diff --git a/docs/GColab/images/favicon.png b/docs/GColab/images/favicon.png
diff --git a/docs/GColab/index.html b/docs/GColab/index.html
@@ -104,4 +104,4 @@ <h6 class="u-text u-text-2">
         </h6>
       </div></footer>
 
-</body></html>
+</body></html>
diff --git a/docs/GColab/javascript.js b/docs/GColab/javascript.js
diff --git a/docs/GColab/jquery.js b/docs/GColab/jquery.js