-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4490fe2
commit bc4c12b
Showing
1 changed file
with
107 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 > 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 && 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. <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 <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> |