initial commit

.github/teacherbot.yml

@@ -0,0 +1,21 @@
+# addCollaborators:
+#   newCollaboratorMessage: "This message will appear when someone opens a new issue, and is not already a collaborator."
+#   existingCollaboratorMessage: "This message appears when someone is already a collaborator and they open a new issue."
+# remindMerge:
+#   merged: "This message appears after Pull Request is merged."
+#   unmerged: "This message appears after Pull Request is closed without merging."
+checkPath:
+  name: "File path"
+  path: "_guestbook"
+  detailsURL: "https://vimeo.com/201011288https://github.com/PandelisZ/workshop-guestbook#making-a-change"
+  success: "Your file is in the proper path."
+  failure: "Your file is not in the _guestbook directory. Click details for instructions on how to fix."
+checkExtension:
+  name: "File extension"
+  extension: "yaml"
+  detailsURL: "https://github.com/PandelisZ/workshop-guestbook#making-a-change"
+  success: "Your file has the proper extension."
+  failure: "Your file extension is not .yaml. Click details for instructions on how to fix."
+# reopenClosedIssues:
+#   message: "The message displayed when reopening new issues."
+#   whitelistedTeamID: <the GitHub Team ID to be whitelisted, should be a number>

.gitignore

@@ -0,0 +1,2 @@
+_site
+.sass-cache

.travis.yml

@@ -0,0 +1,15 @@
+language: ruby
+rvm:
+- 2.3.1
+sudo: false
+before_script:
+  - pip install --user yamllint
+  - pip install --user yamale
+  - pip install --user git+https://github.com/PandelisZ/pyyaml.git@allow-emojis
+script:
+  - yamllint _guestbook/*
+  - ruby -Itest tests/tests.rb
+  - bundle exec jekyll build
+notifications:
+    webhooks: https://www.travisbuddy.com/
+    on_success: never

.yamllint

@@ -0,0 +1,31 @@
+---
+
+extends: default
+
+rules:
+  braces:
+    level: warning
+    max-spaces-inside: 1
+  brackets:
+    level: warning
+    max-spaces-inside: 1
+  colons:
+    level: warning
+  commas:
+    level: warning
+  comments: disable
+  comments-indentation: disable
+  document-start:
+    level: error
+    present: yes
+  empty-lines:
+    level: warning
+  hyphens:
+    level: warning
+  indentation:
+    level: warning
+    indent-sequences: consistent
+  line-length:
+    level: warning
+    allow-non-breakable-inline-mappings: yes
+  truthy: disable

Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+gem "jekyll", ">= 3.7.4"
+gem "ffi", ">= 1.9.24"

Gemfile.lock

@@ -0,0 +1,67 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.6.0)
+      public_suffix (>= 2.0.2, < 4.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.1.4)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    eventmachine (1.2.7)
+    eventmachine (1.2.7-x64-mingw32)
+    ffi (1.10.0)
+    ffi (1.10.0-x64-mingw32)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.6.0)
+    i18n (0.9.5)
+      concurrent-ruby (~> 1.0)
+    jekyll (3.8.5)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 0.7)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 1.14)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (>= 1.7, < 4)
+      safe_yaml (~> 1.0)
+    jekyll-sass-converter (1.5.2)
+      sass (~> 3.4)
+    jekyll-watch (2.1.2)
+      listen (~> 3.0)
+    kramdown (1.17.0)
+    liquid (4.0.1)
+    listen (3.1.5)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+      ruby_dep (~> 1.2)
+    mercenary (0.3.6)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (3.0.3)
+    rb-fsevent (0.10.3)
+    rb-inotify (0.10.0)
+      ffi (~> 1.0)
+    rouge (3.3.0)
+    ruby_dep (1.5.0)
+    safe_yaml (1.0.4)
+    sass (3.7.3)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+
+PLATFORMS
+  ruby
+  x64-mingw32
+
+DEPENDENCIES
+  ffi (>= 1.9.24)
+  jekyll (>= 3.7.4)
+
+BUNDLED WITH
+   1.17.3

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Pandelis Zembashis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,68 @@
+# Workshop Guestbook 📓
+
+Hey welcome to this workshops guestbook! By signing this guestbook we will explore many of the core concepts of GitHub. 
+By the end of this workshop you will have forked a repo, created a commit, made a pull request and signed your name on the guestbook.
+
+# Signing the guestbook
+
+## Using GitHub.com
+
+### Forks
+
+GitHub let's you adapt any piblic repository using forks. Forks copy the entire repository to your profile so that you have ownership and 
+controll. This let's you add features to a project without needing to request direct access to a repository.
+
+Let's fork this repository to get started:
+
+![fork](.github/images/fork.gif)
+
+### Making a change
+
+The repository will now exist as a seperate repository under your GitHub profile. From your fork go to the `/_guestbook` folder and click on **Create new file**. 
+Name this file **yourname.yaml**. Then paste the bellow template into your file and replace it with your details. You can delete any fields you dont want to fill except *name* and *image*
+
+```
+---
+name: Dan
+image: https://avatar.tobi.sh/tobiaslins.svg?text=DS
+emoji: 🦔
+message: Hey! I hope you're enjoying the workshop.
+twitter: sdaniel55
+github: sdaniel55
+---
+```
+
+![fork](.github/images/createfile.gif)
+
+> If you don't wish to use a photo of yourself leve the placeholder image and add your initials as `?text=DS` for example.
+
+> You can find your favorite emoji at [emojipedia.org](https://emojipedia.org/) and paste it into the emoji field
+
+### Commiting
+
+At the bottom of the new file page you'll be able to submit this change as a **commit**. Scroll to the bottom of the page and enter the commit details. 
+Commit messages should be short and descriptive so that others can tell what you're changing or adding.
+
+![commit](.github/images/commit.gif)
+
+
+### Submitting a pull request
+
+Now that you have made your desired changes to the repo you can submit them **upstream** (the original repository). The way we do this within the [GitHub flow](https://guides.github.com/introduction/flow/) is by creating a pull request on the upstream repository. In this case the upstream repository is the original repository you 
+forked. This is shown on your repo as **forked from:** at the top of the repository page.
+
+To submit a pull request navigate to the original upstream repository and go to the **Pull requests** tab and click **New pull request**. If GitHub does not automatically detect
+your fork you can click on *compare across forks*. Then create the pull reqeust
+
+![pull request](.github/images/pullrequest.gif)
+
+
+### Congrats :tada:
+
+You've sucessfully creted a pull request! You're changes will now have to be reviewed. If you're filled out your details correctly your pull request will be approved and you will show up on the 
+guestbook.
+
+
+### Credits :sparkling_heart:
+
+Thanks to [@PandelisZ](https://github.com/PandelisZ) for making this guestbook

_config.yml

@@ -0,0 +1,13 @@
+include:
+  - images
+
+exclude:
+  - .github
+  - vendor
+
+collections:
+  - guestbook
+
+workshop:
+  name: Get Started with Git & GitHub
+  github: https://github.com/sdaniel55/ruhacking-guestbook

_guestbook/_template.yaml

@@ -0,0 +1,8 @@
+---
+name: <your name>
+image: https://avatar.tobi.sh/tobiaslins.svg?text=mona
+emoji: 💖
+message: Hello GitHub!
+twitter: <handle>
+github: <handle>
+---

_guestbook/pandelis.yaml

@@ -0,0 +1,8 @@
+---
+name: Pandelis
+image: https://avatars2.githubusercontent.com/u/8436717?s=460&v=4
+emoji: 🐼
+message: Hey! I made this guestbook 😬
+twitter: PandelisZ
+github: PandelisZ
+---

_guestbook/sdaniel55.yaml

@@ -0,0 +1,8 @@
+---
+name: Dan
+image: https://github.com/sdaniel55.png
+emoji: 🦔
+message: Hey! I hope you're enjoying the workshop.
+twitter: sdaniel55
+github: sdaniel55
+---

_sass/_about.scss

@@ -0,0 +1,79 @@
+#about{
+  height: auto;
+  max-height: 430px;
+  overflow: hidden;
+  .about-left{
+    width: 50%;
+    @include background('../../images/collaboration2.jpg');
+    @include backgroundProps(center, cover, no-repeat);
+  }
+  .about-right{
+    width: 50%;
+    background-color: $dark-grey;
+    margin-left: -4px;
+    vertical-align: top;
+    color: white;
+    padding: 40px 0px;
+    p{
+      margin-top: 20px;
+      margin-bottom: 40px;
+      font-size: 1em;
+      letter-spacing: 1px;
+      line-height: 30px;
+      text-align: justify;
+    }
+    button{
+      font-size: 1em;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+    }
+  }
+  .about-left, .about-right{
+    height: 100%;
+    display: inline-block;
+  }
+}
+
+@media screen and (max-width: 975px){
+  #about{
+    max-height: 460px !important;
+  }
+}
+@media screen and (max-width: 850px){
+  #about{
+    max-height: 390px !important;
+  }
+  #about{
+    h1{
+      font-size: 2em !important;
+    }
+    p{
+      font-size: 1em !important;
+      line-height: 20px !important;
+    }
+  }
+}
+
+@media screen and (max-width: 700px){
+  #about{
+    max-height: 420px !important;
+  }
+}
+
+@media screen and (max-width: 700px){
+  .about-left, .about-right{
+    display: block !important;
+    width: 100% !important;
+    height: auto !important;
+  }
+  .about-left{
+    height: 200px !important;
+  }
+  .about-right{
+    margin-left: 0px !important;
+    text-align: center !important;
+  }
+  #about{
+    max-height: none !important;
+  }
+}