Week1_Venum_Dharani

.github/workflows/pr-labeler.yml

@@ -16,4 +16,4 @@ jobs:
       - uses: TimonVS/pr-labeler-action@v4
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-          configuration-path: .github/labeler.yml
+          configuration-path: .github/pr-labeler.yml

setup/README.md

@@ -0,0 +1,9 @@
+# Installation
+
+One of the following ways can used to install Ruby and RoR
+- [Dev Container](./dev_container.md)
+- [GitHub codespaces](./github_codespaces.md)
+
+
+**Note** - If you are unable to install Ruby due to some reason, you can still
+participate in bootcamp with the help of [GitHub codespaces](./github_codespaces.md).

setup/dev_container.md

@@ -0,0 +1,44 @@
+# Dev Containers
+The [Visual Studio Code Dev Containers](https://code.visualstudio.com/docs/devcontainers/containers)
+extension lets you use a Docker container as a full-featured development environment.
+
+Steps to [install](https://code.visualstudio.com/docs/devcontainers/containers#_installation)
+and use dev Containers - 
+
+## 1. Install docker
+**Windows / macOs**
+* If you are using windows, ensure [WSL 2](https://aka.ms/vscode-remote/containers/docker-wsl2) 
+back-end is enabled. Steps to install WSL2 - 
+[https://learn.microsoft.com/en-us/windows/wsl/install](https://learn.microsoft.com/en-us/windows/wsl/install)
+
+* Install [Docker Desktop for Windows/Mac](https://www.docker.com/products/docker-desktop).
+
+**Linux**
+* Install [docker](https://docs.docker.com/desktop/install/linux-install/)
+
+## 2. Install Visual Studio Code
+* Download and install [vscode](https://code.visualstudio.com/)
+* Install [Dev Container](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) extension for vscode.
+
+--------------------------------------------------
+
+**Clone the repo and open it in vscode**
+```bash
+git clone https://github.com/IRIS-NITK/IRIS-RoR-Bootcamp-2022
+cd IRIS-RoR-Bootcamp-2022
+code .
+```
+## 3. Open the folder in dev container
+* Click on quick actions Status bar item, and from the dropdown select **Reopen in Container**. This uses the dev container [config file](https://github.com/IRIS-NITK/IRIS-RoR-Bootcamp-2022/blob/install-ror/.devcontainer/devcontainer.json) inside `.devcontainer` folder to create a new dev container.
+<img width="960" alt="r" src="https://user-images.githubusercontent.com/66632353/208943230-bc1fc5c4-a8fe-4b05-9ad6-2c65ae32a2b4.png">
+
+* The VS Code window will reload and start building the dev container. A progress notification provides status updates.
+* After the build completes, VS Code will automatically connect to the container.
+
+-------------------------------------------------
+
+The folder will be reopened inside a Debian container.
+The container has `rvm`, `node` and `yarn` preinstalled so you can get started off working with rails.
+
+![image](https://user-images.githubusercontent.com/66632353/208944762-9279ad6f-7408-480c-9c10-fd0296137f8a.png)
+

setup/github_codespaces.md

@@ -0,0 +1,18 @@
+# Github codespaces
+A [codespace](https://docs.github.com/en/codespaces/overview) is a development environment that's hosted in the cloud.
+
+# Creating your codespace
+* [Fork](https://docs.github.com/en/get-started/quickstart/fork-a-repo#forking-a-repository) the [IRIS-RoR-Bootcamp-2022](https://github.com/IRIS-NITK/IRIS-RoR-Bootcamp-2022) repo (if you haven't already)
+* Click on **Code** and from the codespaces dropdown click on the ➕ icon to create a new codespace.
+
+<img width="695" alt="Screenshot 2022-12-21 212710" src="https://user-images.githubusercontent.com/66632353/208948037-8bbf1260-e35d-462b-b5af-15040458e9d3.png">
+
+* You can install the [GitHub codespaces extenction](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces)
+for VScode, if don't like to work in browser.
+
+------------------------------------------------------------------------
+
+The Github codespaces will have `rvm`, `node` and `yarn` preinstalled so you can get started off working with rails.
+
+![image](https://user-images.githubusercontent.com/66632353/208957960-e61db7c7-c9f7-4989-9e07-87aab5185c29.png)
+

week_1/styles.css

@@ -0,0 +1,6 @@
+form  { display: table;      }
+p     { display: table-row;  }
+label { display: table-cell; }
+input { display: table-cell; }
+
+

week_1/week01.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>week01</title>
+    <link rel="stylesheet" type="text/css" href="styles.css">
+</head>
+<body>
+
+<h1>My Guest Book</h1>
+<p>Please sign my guest book. Thanks!</p>
+<br>
+<form>
+  <p>
+    <label for="a"><b>What is your name?</b></label>
+    <input id="a" type="text">
+  </p>
+  <br>
+  <p>
+    <label for="b"><b>What is your email address?</b></label>
+    <input id="b" type="email">
+  </p>
+  <br>
+  <p>
+    <label for="check"><b>Please check all that apply:</b></label>
+    <input type="checkbox"  value="I really like your website">I really like your website
+    <br>
+    <input type="checkbox"  value="One of the best sites I've seen">One of the best sites I've seen
+    <br>
+    <input type="checkbox" value="I sure wish my site looked as good as yours">I sure wish my site looked as good as yours
+    <br>
+    <input type="checkbox" value="I've no taste and I'm pretty dense, so your site didn't do much for me
+    ">I've no taste and I'm pretty dense, so your site didn't do much for me
+
+
+  </p>
+  <br>
+
+
+  <p>
+    <label for="best"><b>Choose the one thing that you love best about my website?</b></label>
+    <input type="radio" name="love" value="The gorgeous picture of you">The gorgeous picture of you
+    <br>
+    <input type="radio" name="love" value="All the beautiful pictures of your cats">All the beautiful pictures of your cats
+    <br>
+    <input type="radio" name="love" value="The inspiring recap of your suburban childhood">The inspiring recap of your suburban childhood
+    <br>
+    <input type="radio" name="love" value="The detailed list of all your Elvis memorabilia's">The detailed list of all your Elvis memorabilia's
+
+
+  </p>
+  <br>
+  <p>
+    <label for="book"><b>If my website were a book, how many copies would it sell?</b></label>
+    <br>
+    <select id="book" name="book" size="3" multiple>
+    <option value="Millions, for sure">Millions, for sure</option>
+    <option value="100,00+ (would be Orphan's favorite">100,00+ (would be Orphan's favorite)</option>
+    <option value="Thousands (an under appreciated classic)">Thousands (an under appreciated classic)</option>
+
+    </select>
+  </p>
+  <br>
+  <p>
+    <label for="website"><b>How can I improve my website?</b></label>
+    <select id="website" name="website">
+    <option value="couldn't be better">couldn't be better</option>
+    <option value="could have used more styles">could have used more styles</option>
+    <option value="could have used bootstrap">could have used bootstrap</option>
+
+    </select>
+  </p>
+  <br>
+
+  <p>
+    <label for="text"><b>Feel free to type more praise, gift offers, etc, below:</b></label>
+    <br>
+    <textarea id="text" name="text" rows="5" cols="50"></textarea>
+  </p>
+  <br>
+  <input type="submit" value="Click Here to Submit">
+  <input type="reset"  value="Erase and start over">
+</form>
+
+</body>
+</html>