forked from AUEB-BALab/blockly_unix
-
Notifications
You must be signed in to change notification settings - Fork 1
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
Showing
10 changed files
with
111 additions
and
98 deletions.
There are no files selected for viewing
Binary file not shown.
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
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
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
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
File renamed without changes.
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
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 |
|---|---|---|
|
|
@@ -89,7 +89,7 @@ | |
| <div class="row"> | ||
| <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg- d-flex flex-column justify-content-center" data-aos="fade-up"> | ||
| <div> | ||
| <h1>Build <span class="highlight">complex pipelines</span>, block by block</h1> | ||
| <h1>Build complex <span class="highlight"> Unix pipelines</span>, block by block</h1> | ||
| <h2>This platform allows you to construct powerful data processing pipelines visually. By dragging and dropping blocks, you can easily create Unix-based workflows for your data processing needs.</h2> | ||
| <a href="/blockly_unix" class="btn-get-started scrollto" id="getStartedButton" style="display: none;">Get Started</a> | ||
| <a href="/register" id="registerSecondButtonHomePage" class="btn-get-login" style="display: none;">Register</a> | ||
|
|
@@ -114,14 +114,14 @@ | |
| </div> | ||
| <div class="col-lg-6 d-flex flex-column justify-contents-center" data-aos="fade-left"> | ||
| <div class="content pt-6 pt-lg-4"> | ||
| <h3>Blockly for unix in Web</h3> | ||
| <h3>Blockly for Unix in Web</h3> | ||
| <p class="fst-italic"> | ||
|
|
||
| </p> | ||
| <ul> | ||
| <li><i class="bi bi-check-circle"></i> Blockly is 100% client side</li> | ||
| <li><i class="bi bi-check-circle"></i> No server side dependencies</li> | ||
| <li><i class="bi bi-check-circle"></i> Lightweight and efficient</li> | ||
| <li><i class="bi bi-check-circle"></i> Compatible with all major browsers</li> | ||
| <li><i class="bi bi-check-circle"></i> Blockly for Unix is nearly 100% client-side</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
@@ -187,7 +187,7 @@ | |
| <div class="icon"><i class="bx bx-tachometer"></i></div> | ||
| <img src="https://developers.google.com/static/blockly/images/icons/cross-platform.png" alt="Lorem Ipsum" style="width: 50px; height: 50px;"/> | ||
| <h4 class="title"><a href="">Cross-platform</a></h4> | ||
| <p class="description">A platform-agnostic library, Blockly is preferred by coding platforms seeking consistency, flexibility and convenience.</p> | ||
| <p class="description">Blockly for Unix provides cross-platform support, allowing users to create and execute commands across different operating systems without limitations.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -196,61 +196,56 @@ | |
| <div class="icon"><i class="bx bx-world"></i></div> | ||
| <img src="https://developers.google.com/static/blockly/images/icons/codelabs.svg" alt="Lorem Ipsum" style="width: 50px; height: 50px;"/> | ||
| <h4 class="title"><a href="">Visual interface</a></h4> | ||
| <p class="description">The Blockly editor uses interlocking, graphical blocks to represent code concepts like variables, logical expressions, loops, and more. </p> | ||
| <p class="description">Blockly for Unix offers a visual interface, enabling users to build and execute commands easily without the need for complex scripting.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| </section><!-- End Services Section --> | ||
| <br> | ||
| <!-- ======= F.A.Q Section ======= --> | ||
| <section id="faq" class="faq"> | ||
| <div class="container"> | ||
|
|
||
| <div class="section-title text-center" data-aos="fade-up"> | ||
| <h1>Frequently Asked Questions</h1> | ||
| </div> | ||
|
|
||
| <ul class="faq-list"> | ||
| <!-- ======= F.A.Q Section ======= --> | ||
| <section id="faq" class="faq"> | ||
| <div class="container"> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq1">Who is Blockly for? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq1" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Whether you are a student, educator, or professional interested in learning Unix, Blockly Unix offers an intuitive, block-based approach to mastering Unix fundamentals. | ||
| </p> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq2">What are some of the benefits of block-based coding? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq2" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Block-based coding allows users to apply programming principles without having to worry about syntax or the intimidation of a blinking cursor on the command line. | ||
| </p> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq3">What is Block-Based Coding? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq3" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Block-based coding is a visual programming language where code is represented by blocks. These blocks fit together like puzzle pieces. | ||
| </p> | ||
| </div> | ||
| </li> | ||
|
|
||
| </ul> | ||
| <div class="section-title text-center"> | ||
| <h1>Frequently Asked Questions</h1> | ||
| </div> | ||
|
|
||
| <ul class="faq-list"> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq1">Who is Blockly for? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq1" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Whether you are a student, educator, or professional interested in learning Unix, Blockly Unix offers an intuitive, block-based approach to mastering Unix fundamentals. | ||
| </p> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq2">What are some of the benefits of block-based coding? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq2" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Block-based coding allows users to apply programming principles without having to worry about syntax or the intimidation of a blinking cursor on the command line. | ||
| </p> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a data-bs-toggle="collapse" class="collapsed question" href="#faq3">What is Block-Based Coding? | ||
| <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></a> | ||
| <div id="faq3" class="collapse" data-bs-parent=".faq-list"> | ||
| <p> | ||
| Block-based coding is a visual programming language where code is represented by blocks. These blocks fit together like puzzle pieces. | ||
| </p> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section><!-- End Frequently Asked Questions Section --> | ||
|
|
||
| </div> | ||
| </section><!-- End Frequently Asked Questions Section --> | ||
|
|
||
|
|
||
| <!-- ======= Footer ======= --> | ||
|
|
@@ -274,24 +269,25 @@ | |
| </div> | ||
|
|
||
| <!-- Useful Links Section --> | ||
| <div class="col-lg-4 col-md-6 mb-4 ml-auto"> | ||
| <div class="col-lg-4 col-md-6 mb-4 ms-lg-auto"> | ||
| <div class="footer-links"> | ||
| <h4>Useful Links</h4> | ||
| <ul> | ||
| <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li> | ||
| <li><i class="bx bx-chevron-right"></i> <a href="/index.html">Blockly Unix</a></li> | ||
| <li><i class="bx bx-chevron-right"></i> <a href="#">Tutorials</a></li> | ||
| <li><i class="bx bx-chevron-right"></i> <a href="/tutorials">Tutorials</a></li> | ||
| <li><i class="bx bx-chevron-right"></i> <a href="https://github.com/simosathan9/blockly_unix">GitHub Repository</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- Contribute Section --> | ||
| <div class="col-lg-4 col-md-6 mb-4"> | ||
| <div class="footer-newsletter"> | ||
| <h4><i class="bx bxl-github"></i> Contribute on GitHub</h4> | ||
| <p>Blockly Unix is an open-source project. Visit our <a href="https://github.com/simosathan9/blockly_unix">GitHub repository</a> to explore the source code, report issues, and contribute to the project.</p> | ||
| <a href="https://github.com/simosathan9/blockly_unix" class="btn btn-outline-primary">Visit GitHub</a> | ||
| <p>Blockly Unix is an open-source project. Visit our <a href="https://github.com/AUEB-BALab/blockly_unix">GitHub repository</a> to explore the source code, report issues, and contribute to the project.</p> | ||
| <a href="https://github.com/AUEB-BALab/blockly_unix" class="btn btn-outline-primary">Visit GitHub</a> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -309,8 +305,9 @@ | |
| </div> | ||
| </footer><!-- End Footer --> | ||
|
|
||
|
|
||
| <!-- Bootstrap JS and Popper.js --> | ||
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-Zwp3LqF9W2Mb2Ph6I2BzeEuPbU/uKP4jIMf5n7zjYp5/fS0F5a6RFM5wEyk5vqis" crossorigin="anonymous"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-oKntn4tPstf6f4fJAcblTLcm+qLNsueQp/a+rLE5t2MvVXgT64ytKXpXSPY3AT5X" crossorigin="anonymous"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script> | ||
| </body> | ||
| </html> | ||
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
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 |
|---|---|---|
|
|
@@ -6,7 +6,7 @@ | |
| <title>Register</title> | ||
| <meta name="description" content="Login - Register Template"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="login2.css"> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||
| <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
|
|
@@ -36,21 +36,28 @@ | |
| </head> | ||
|
|
||
| <body> | ||
| <nav class="navbar navbar-expand-lg navbar-light bg-light"> | ||
| <div class="container-fluid"> | ||
| <span class="navbar-brand">Blockly Unix</span> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| <ul class="navbar-nav me-auto mb-2 mb-lg-0"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="/">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="/tutorials">Tutorials</a> | ||
| </li> | ||
| </ul> | ||
| <!-- Navbar --> | ||
| <nav class="navbar navbar-expand-lg navbar-light bg-light"> | ||
| <div class="container-fluid"> | ||
| <span class="navbar-brand d-flex align-items-center"> | ||
| <img src="img/blockly_72.png" alt="" class="me-2"> | ||
| <a class="navbar-brand" href="/">Blockly Unix</a> | ||
| </span> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| <ul class="navbar-nav me-auto mb-2 mb-lg-0"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="/">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="/blockly_unix">Blockly</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" aria-current="page" href="/tutorials">Tutorials</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
@@ -91,7 +98,11 @@ | |
| </div> | ||
| <input id="password" name="password" placeholder="Password" type="password" required class="validate" autocomplete="on"> | ||
| </div> | ||
|
|
||
| <!-- Checkbox for data usage agreement --> | ||
| <div class="form-group" style="margin-top: 20px; text-align: center;"> | ||
| <input type="checkbox" id="dataAgreement" name="dataAgreement" value="agree" required> | ||
| <label for="dataAgreement" style="font-size: 0.9em; margin-left: 5px;">I agree to allow my data to be used for research purposes</label> | ||
| </div> | ||
| <input type="submit" value="Register" /> | ||
| </form> | ||
| <!-- Divider with text --> | ||
|
|
||