RubyGems - DRev - Versions diffs - 0.0.1 → 0.0.1.1 - Mend

DRev 0.0.1 → 0.0.1.1

Files changed (10) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8250ec4e9f13c907d85a704b19967deb322e25b79a1ea084803c9f3b7f8c8c35
-  data.tar.gz: 16ce166a90c42cef0e5beabeb2f66bf2b1c9a7564c075ab01dfd6a36a62efea5
+  metadata.gz: 4659b5e75277c266a4cad9d96aadd544e90e5a6f8e8808cdb7c03a9bc1b5f152
+  data.tar.gz: 8c4e684158e22beb78d187ef4ac12dd4102597f1fe8f214679c6aa5e549d31eb
 SHA512:
-  metadata.gz: affbd0491d4c26ef2baf6b1ed02a3e48bc462d73f5253d6fdf39ed6b1afc50d2af885d780d8b310239cb553a9e4473570f10ba21d0838e2822c7ef955401bf73
-  data.tar.gz: cfe54b734be76c35de37130d4e291f1c1a60b56fd86b714ed6f3823df752ff3bfce03ac3d1d10cd8f99826ee9f49e6ec345765e0e1e1df04f48b52a4b91c6b93
+  metadata.gz: 26af1f1b213b3e71a1d09fbc41aa57a4dcbb9cc28c60ba179ba628ae82ba82edaf0f8d8bbb5e3a3cbca8f914bb455619836f7f46516b1c9389381804f838641d
+  data.tar.gz: 2c428eb707e17bf2088757c373fe107dd2a8072e211245efa5852ac6c58c289e00ce25b0596fd4c0281a36d41937f74a83c8638980de4204cf67757cf1f087fc

data/README.md CHANGED Viewed

@@ -1,173 +1,127 @@
-<a href="http://fvcproductions.com"><img src="https://avatars1.githubusercontent.com/u/4284691?v=3&s=200" title="FVCproductions" alt="FVCproductions"></a>
+# Daniel Review Gem (DRev) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/Dandush03/capstone-build-linter)
+[![Gem](https://img.shields.io/gem/v/DRev?style=flat)](https://rubygems.org/gems/DRev)
+[![License](https://img.shields.io/badge/License-MIT-green.svg)]()
+![GitHub followers](https://img.shields.io/github/followers/Dandush03?label=Dandush03&style=social)
+![Twitter URL](https://img.shields.io/twitter/url?label=d_laloush&style=social&url=https%3A%2F%2Ftwitter.com%2Fd_laloush)
-<!-- [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com) -->
+> This is a Microverse Captsopne Project
-***INSERT GRAPHIC HERE (include hyperlink in image)***
+> CSS Lint
-# Daniel Review
-> Subtitle or Short Description Goes Here
-> ideally one sentence
-> include terms/tags that can be searched
-**Badges will go here**
-- build status
-- issues (waffle.io maybe)
-- devDependencies
-- npm package
-- coverage
-- slack
-- downloads
-- gitter chat
-- license
-- etc.
-[![Build Status](http://img.shields.io/travis/badges/badgerbadgerbadger.svg?style=flat-square)](https://travis-ci.org/badges/badgerbadgerbadger) [![Dependency Status](http://img.shields.io/gemnasium/badges/badgerbadgerbadger.svg?style=flat-square)](https://gemnasium.com/badges/badgerbadgerbadger) [![Coverage Status](http://img.shields.io/coveralls/badges/badgerbadgerbadger.svg?style=flat-square)](https://coveralls.io/r/badges/badgerbadgerbadger) [![Code Climate](http://img.shields.io/codeclimate/github/badges/badgerbadgerbadger.svg?style=flat-square)](https://codeclimate.com/github/badges/badgerbadgerbadger) [![Github Issues](http://githubbadges.herokuapp.com/badges/badgerbadgerbadger/issues.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger/issues) [![Pending Pull-Requests](http://githubbadges.herokuapp.com/badges/badgerbadgerbadger/pulls.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger/pulls) [![Gem Version](http://img.shields.io/gem/v/badgerbadgerbadger.svg?style=flat-square)](https://rubygems.org/gems/badgerbadgerbadger) [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) [![Badges](http://img.shields.io/:badges-9/9-ff6799.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger)
-- For more on these wonderful ~~badgers~~ badges, refer to <a href="http://badges.github.io/badgerbadgerbadger/" target="_blank">`badgerbadgerbadger`</a>.
-***INSERT ANOTHER GRAPHIC HERE***
-[![INSERT YOUR GRAPHIC HERE](http://i.imgur.com/dt8AUb6.png)]()
-- Most people will glance at your `README`, *maybe* star it, and leave
-- Ergo, people should understand instantly what your project is about based on your repo
-> Tips
-- HAVE WHITE SPACE
-- MAKE IT PRETTY
-- GIFS ARE REALLY COOL
-> GIF Tools
-- Use <a href="http://recordit.co/" target="_blank">**Recordit**</a> to create quicks screencasts of your desktop and export them as `GIF`s.
-- For terminal sessions, there's <a href="https://github.com/chjj/ttystudio" target="_blank">**ttystudio**</a> which also supports exporting `GIF`s.
-**Recordit**
-![Recordit GIF](http://g.recordit.co/iLN6A0vSD8.gif)
-**ttystudio**
-![ttystudio GIF](https://raw.githubusercontent.com/chjj/ttystudio/master/img/example.gif)
+![Recordit GIF](https://raw.githack.com/Dandush03/BLOB/master/DRev/Program.gif)
 ---
-## Table of Contents (Optional)
-> If your `README` has a lot of info, section headers might be nice.
+## Table of Contents
-- [Installation](#installation)
+- [Installation](#Installation)
+	- [Set-Up](#Set-Up)
+	- [Install-Gem](#Installing-Gem)
 - [Features](#features)
-- [Contributing](#contributing)
-- [Team](#team)
-- [FAQ](#faq)
-- [Support](#support)
-- [License](#license)
----
-## Example (Optional)
-```javascript
-// code away!
-let generateProject = project => {
-  let code = [];
-  for (let js = 0; js < project.length; js++) {
-    code.push(js);
-  }
-};
-```
+- [How to Use](#How-to-Use)
+- [Built With](#Built-With)
+- [Support](#Support)
+- [Contributing](#Contributing)
+- [Acknowledgments](#Acknowledgments)
+- [License](#License)
+- [Author](#Authors)
 ---
 ## Installation
+- [Set-Up](#Set-Up)
+- [Install-Gem](#Installing-Gem)
-- All the `code` required to get started
-- Images of what it should look like
+<img src="https://raw.githubusercontent.com/Dandush03/BLOB/master/DRev/Project.png" width=600></img>
-### Clone
+### Set-Up
-- Clone this repo to your local machine using `https://github.com/fvcproductions/SOMEREPO`
+#### If you have already Install RUBY && GEMS Skip to [Install-Gem](#Installing-Gem) Section
-### Setup
+- Let's start with updating our apt
-- If you want more syntax highlighting, format your code like this:
+  ```bash
+	sudo apt-get update
+	```
-> update and install this package first
+- Then we need to install Ruby
-```shell
-$ brew update
-$ brew install fvcproductions
-```
+	```bash
+	sudo apt-get install ruby-full
+	```
-> now install npm and bower packages
+	Let's verify it's working correctly by opening a text editor and save the following text as test.rb
-```shell
-$ npm install
-$ bower install
-```
+	```bash
+	#!/usr/bin/env ruby
+	puts "Hello world!"
+	```
-- For all the possible languages that support syntax highlithing on GitHub (which is basically all of them), refer <a href="https://github.com/github/linguist/blob/master/lib/linguist/languages.yml" target="_blank">here</a>.
+	In the terminal window, change directory to the directory where you saved test.rb. Run the command
+	```bash
+	chmod +x test.rb
+	./test.rb
+	```
----
+	Then you should see the message Hello world! displayed if Ruby is installed correctly.
-## Features
-## Usage (Optional)
-## Documentation (Optional)
-## Tests (Optional)
+	If it didn't work, check [Ruby Installation Page](https://www.ruby-lang.org/en/documentation/installation/)
-- Going into more detail on code and technologies used
-- I utilized this nifty <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank">Markdown Cheatsheet</a> for this sample `README`.
+- All that is left is to install Gem Package by typing in our Terminal
----
+	```bash
+	sudo apt-get install rubygems
+	```
-## Contributing
+### Installing Gem
-> To get started...
+#### After making sure you've all the [Set-Up](#Set-Up) Process Completed
-### Step 1
+- Let's start installing the bundle gem. (Skip this step if you already used Gems Before)
-- **Option 1**
-    - 🍴 Fork this repo!
+	```bash
+	gem install bundler
+	```
-- **Option 2**
-    - 👯 Clone this repo to your local machine using `https://github.com/joanaz/HireDot2.git`
+- Now we can install DRev Gem by typing
-### Step 2
+	```bash
+	gem install DRev
+	```
-- **HACK AWAY!** 🔨🔨🔨
+## Congratulation! Now You Can Start Using DRev
+---
-### Step 3
+## Features
-- 🔃 Create a new pull request using <a href="https://github.com/joanaz/HireDot2/compare/" target="_blank">`https://github.com/joanaz/HireDot2/compare/`</a>.
+As far as this version release DRev will check the following issue:
+	- Extras/Unessesaries empty lines.
+	- Indentations (By Default and as far, for now, it will check indentations of 2).
+	- Last EoF Empty Line.
+	- Missing Closing or Opening Brackets.
 ---
-## Team
-> Or Contributors/People
+## How to Use
-| <a href="http://fvcproductions.com" target="_blank">**FVCproductions**</a> | <a href="http://fvcproductions.com" target="_blank">**FVCproductions**</a> | <a href="http://fvcproductions.com" target="_blank">**FVCproductions**</a> |
-| :---: |:---:| :---:|
-| [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com)    | [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com) | [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com)  |
-| <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> | <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> | <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> |
+Essay and Simple! Just open the folder on your terminal witch you want to check and type the following command!
-- You can just grab their GitHub profile image URL
-- You should probably resize their picture using `?s=200` at the end of the image URL.
+```bash
+DRev
+```
 ---
-## FAQ
+## Built With
-- **How do I do *specifically* so and so?**
-    - No problem! Just do this.
+- Bundle
+- Ruby
+- Bash
+- Vim
+- GitHub
+- Gem
+- Shields.io
 ---
@@ -175,18 +129,22 @@ $ bower install
 Reach out to me at one of the following places!
-- Website at <a href="http://fvcproductions.com" target="_blank">`fvcproductions.com`</a>
-- Twitter at <a href="http://twitter.com/fvcproductions" target="_blank">`@fvcproductions`</a>
-- Insert more social links here.
+- LinkedIn at [Daniel Laloush](https://www.linkedin.com/in/daniel-laloush-0a7331a9)
+- Twitter at [@d_laloush](https://twitter.com/d_laloush)
 ---
-## Donations (Optional)
+## Contributing 🤝
+Contributions, issues, and feature requests are welcome!
-- You could include a <a href="https://cdn.rawgit.com/gratipay/gratipay-badge/2.3.0/dist/gratipay.png" target="_blank">Gratipay</a> link as well.
+Feel free to check the [issues page](./issues/).
+---
-[![Support via Gratipay](https://cdn.rawgit.com/gratipay/gratipay-badge/2.3.0/dist/gratipay.png)](https://gratipay.com/fvcproductions/)
+## Acknowledgments
+- Hat tip to anyone whose code was used
+- Thanks to Microverse for it Support!
 ---
@@ -195,4 +153,15 @@ Reach out to me at one of the following places!
 [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
 - **[MIT license](http://opensource.org/licenses/mit-license.php)**
-- Copyright 2015 © <a href="http://fvcproductions.com" target="_blank">FVCproductions</a>.
+- Copyright 2015 © <a href="http://fvcproductions.com" target="_blank">FVCproductions</a>.
+## Author
+**Danie Laloush**
+- Portafolio: [dlaloush.me](https://dlaloush.me) (Comming Soon)
+- Linkedin: [Daniel Laloush](https://www.linkedin.com/in/daniel-laloush-0a7331a9)
+- Github: [@Dandush03](https://github.com/Dandush03)
+- Twitter: [@d_laloush](https://twitter.com/d_laloush)
+Give a ⭐️ if you like this project!

data/bin/DRev CHANGED Viewed

@@ -18,7 +18,7 @@ files.each do |file|
   counter += 1
   puts msg.file_start(file, counter)
   print init_read(file)
-  puts msg.file_end
   print "\n      NO ERRORS FOUND! GREAT JOB!\n" if init_read(file).split.empty? == true
+  puts msg.file_end
 end
 puts msg.init_end(counter)

data/bin/test/style.css CHANGED Viewed

@@ -1,582 +1,319 @@
-.page-setup {
-  min-height: 100%;
-  display: grid;
-  grid-template-areas:
-    'header header header'
-    'left main rigth'
-    'left main rigth';
-  grid-template-rows: 50px 95vw;
-  min-width: 860px;
-  font-family: Roboto, Arial, sans-serif;
-  grid-template-columns: 2% 72% 25%;
-  background-color: whitesmoke;
-  margin: 0%;
-}
-.nav-bar {
-  grid-area: header;
-  display: grid;
-  text-align: center;
-  grid-template-columns: 15% 60% 25%;
-  height: 50px;
-  background-color: white;
-}
-.search-container div {
-  display: inline-flex;
-  width: 80%;
-  min-height: 30px;
-}
-.logo {
-  display: inline-flex;
-  height: auto;
-  min-width: 135px;
-  margin: 10px;
-  justify-content: center;
-  align-items: center;
-}
-.logo div {
-  display: inline-flex;
-}
-.search-container {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 400px;
-}
-.search-bar {
-  width: 90%;
-  min-width: 350px;
-  padding-left: 10px;
-  margin: 0%;
-  border: 1px solid rgb(200, 200, 200);
-}
-.search-button {
-  width: 10%;
-  min-width: 50px;
-  padding: 0%;
-  margin: 0%;
-  background-image: url("imgs/search.svg");
-  background-repeat: no-repeat;
-  background-position: center;
-  background-color: transparent;
-  border: 1px solid rgb(200, 200, 200);
-  border-left: transparent;
-}
-.menu-top {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-}
-.menu-top button {
-  width: 10%;
-  min-width: 25px;
+body {
+  margin: 0;
   padding: 0;
-  margin-left: 25px;
-  border-style: none;
-  background-color: transparent;
-}
-.menu-top img {
-  width: 25px;
-}
-.logo img {
-  width: 80px;
-}
-.main-video {
-  margin: 10px;
-  grid-area: main;
-}
-.video {
-  position: relative;
-  height: 60vh;
-  width: 100%;
 }
-.video embed {
-  width: 100%;
-  height: 100%;
-}
-.info-video {
-  display: block;
-  font-family: Roboto, Arial, sans-serif;
-}
-.info-video-data {
-  margin-bottom: 2%;
-}
-.info-video a {
-  font-size: 8px;
-}
-.info-video button {
-  border-style: none;
-  background-color: transparent;
+main>h6 {
+  display: none;
 }
-.info-video button p {
-  padding: 2px;
-  font-size: 13px;
-  color: rgb(96, 96, 96);
-  font-weight: 500;
+section>h6 {
+  display: none;
 }
-.info-video button img {
-  padding: 2px;
-}
-.info-video button div {
-  display: inline-flex;
-}
-.info-video h2 {
-  margin: 0px;
-}
-.info-video h6 {
-  margin: 8px 0px;
-  font-size: 14px;
-  color: rgb(96, 96, 96);
-  font-weight: 400;
-}
-.wrapped-info-video {
+.contents {
+  background-position: 50% 100%;
+  background-repeat: no-repeat;
+  width: 1440px;
+  min-height: 538px;
+  margin: 0 auto;
   display: grid;
-  grid-template-columns: 50% 50%;
-  height: 30px;
-  align-items: center;
-}
-.info-video-data a {
-  margin: 0px;
-  color: rgb(42, 107, 228);
-  text-decoration: none;
-  font-size: 11px;
+  grid-template-areas: 'mc mc mc mc''s1 s2 s3 s4';
 }
-.info-video-data h2 {
-  margin: 0px;
-  font-size: 18px;
-  font-weight: 400;
-}
-.right {
-  float: right;
-}
-.left {
-  float: left;
-  margin: -2% 0px;
-}
-.uploader-info {
+.main-content {
+  grid-area: mc;
+  background-image: url("https://web.archive.org/web/20140301004302im_/http://images.apple.com/v/home/as/images/your_verse_hero.jpg");
+  background-position: 50% 100%;
+  background-size: 100%;
+  background-repeat: no-repeat;
   width: 100%;
+  height: 538px;
+  align-content: center;
   display: grid;
-  grid-template-areas: 'left1 bottom1 right1'
-    'left1 bottom1 right1'
-    'left1 bottom1 right1';
-  grid-template-columns: fit-content(60px) 75% 20%;
-}
-.uploader-info a {
-  font-size: 8pt;
+  text-align: center;
 }
-.uploader-img {
-  grid-area: left1;
-  margin-right: 10px;
+.contents>div {
+  align-self: center;
+  margin: 0 auto;
 }
-.gridright {
-  display: inline-block;
-  text-align: right;
-  grid-area: right1;
+.ui {
+  position: absolute;
+  top: 2.5rem;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
-.gridright input {
-  border: none;
-  background-color: rgb(210, 0, 0);
-  font-weight: 500;
+.navbar {
+  display: flex;
+  background-attachment: scroll, scroll, scroll, scroll;
+  background-clip: border-box, border-box, border-box, border-box;
+  background-color: rgba(0, 0, 0, 0);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.2)), color-stop(0.05, rgba(0, 0, 0, 0)), color-stop(0.97, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.45))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.2)), color-stop(0.002, rgba(0, 0, 0, 0)), color-stop(0.998, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 100%, 0 0, from(rgb(102, 102, 102)), color-stop(0.5, rgb(94, 94, 94)), color-stop(0.51, rgb(112, 112, 112)), to(rgb(128, 128, 128))), radial-gradient(transparent, white);
+  background-origin: padding-box, padding-box, padding-box, padding-box;
+  background-position-x: 0, 0, 50%, 0;
+  background-position-y: 0, 0, 50%, 0;
+  background-size: auto, auto, auto, auto;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px 0;
+  color: rgb(51, 51, 51);
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
   font-size: 12px;
-  color: white;
-  padding: 8px;
-  border-radius: 2px;
-}
-.gridright input:hover {
-  cursor: pointer;
-}
-.gridright input:focus {
-  border: transparent;
-}
-.uploader-content {
-  grid-area: bottom1;
-}
-.uploader-user div {
-  display: inline-flex;
-  align-items: center;
-}
-.uploader-user h6 {
-  margin: 0px;
-  color: black;
   font-style: normal;
-  font-weight: 600;
-  font-size: 13px;
-}
-.uploader-user p {
-  margin: 0px;
-  font-size: 10px;
-  color: rgb(100, 100, 100);
-  font-weight: 200;
-}
-.uploader-description {
-  margin: 20px 0px;
-}
-.uploader-description p {
-  margin: 0px;
-  font-size: 13px;
-  color: black;
-  font-size: 10px;
+  font-variant-caps: normal;
+  font-variant-east-asian: normal;
+  font-variant-ligatures: normal;
+  font-variant-numeric: normal;
+  font-weight: 400;
+  height: 36px;
+  line-height: 18px;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  position: relative;
+  text-align: left;
+  top: 18px;
+  width: 980px;
+  z-index: 9998;
 }
-.uploader-description a {
-  margin: 0px;
-  color: rgb(42, 107, 228);
-  text-decoration: none;
+.navbar-btn {
+  display: flex;
+  flex-direction: row;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  width: 845px;
+  height: 36px;
+  align-items: center;
 }
-.uploader-button input {
-  font-weight: 600;
-  font-size: 11px;
-  border: none;
+.navbar-btn>li {
   background-color: transparent;
-  color: rgb(100, 100, 100);
-  padding: 0px;
-}
-.side-bar {
-  width: 100%;
-  grid-area: rigth;
-  margin: 2%;
+  width: 12.5%;
+  height: 30px;
+  align-items: center;
+  display: flex;
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+  color: white;
 }
-.side-bar-data {
-  height: 5.5vw;
-  min-width: 250px;
-  min-height: 80px;
+.cta>a {
+  display: inline-block;
+  margin: 0 18px 25px;
+  height: 29px;
 }
-.side-bar-data a {
-  height: 100%;
-  display: grid;
-  grid-template-areas: '1left 1center' !important;
-  grid-template-columns: 40% 60%;
-  margin: 2%;
+.wrapper a {
   text-decoration: none;
+  color: #08c;
 }
-.side-bar-img {
-  display: inline-block;
-}
-.side-bar-img img {
+.navbar-btn>li>a {
   width: 100%;
 }
-.side-bar-content {
-  height: 100%;
-}
-.side-bar p {
-  font-size: 12px;
-  margin: 0px 10px 0px 10px;
-  color: grey;
-  height: 16px
-}
-.side-bar h1 {
-  font-size: 14px;
-  margin: 0px 10px 0px 10px;
-  color: black;
-  word-break: break-word;
+.css-img-nav {
+  background-image: url('https://web.archive.org/web/20140301004259im_/http:/images.apple.com/global/nav/images/globalnav_text.svg');
+  background-origin: padding-box;
+  background-position-x: 50%;
+  background-position-y: 0;
+  background-repeat: no-repeat;
+  background-size: auto;
+  color: rgb(0, 136, 204);
+  cursor: pointer;
   display: block;
-  max-height: 35px;
-  overflow: hidden;
-}
-.side-bar h2 {
-  font-size: 14px;
-  margin: 0px 10px 0px 10px;
-  color: grey;
-  height: 20%;
-  font-weight: 300;
-}
-.line {
-  border-style: solid;
-  border-color: lightgray;
-  border-width: 1px 0px 0px 0px;
-  margin: 10px 5px 10px 5px;
-}
-.side-bar-top-buttons {
-  display: grid;
-  grid-template-columns: 50% 50%;
-}
-.side-bar-top-buttons div {
-  display: inline-flex;
-  align-items: center;
-}
-.side-bar-top-buttons p {
-  color: rgb(80, 80, 80);
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-variant-caps: normal;
+  font-variant-east-asian: normal;
+  font-variant-ligatures: normal;
+  font-variant-numeric: normal;
+  font-weight: 400;
+  height: 30px;
+  line-height: 18px;
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
+  margin-bottom: 3px;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 3px;
+  text-align: left;
+  text-indent: -9999px;
+  width: 100%;
 }
-.side-bar h3 {
-  font-weight: 300;
-  font-size: 16px;
+.logo {
+  background-position-y: 0;
 }
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 30px;
-  height: 11px;
+.store {
+  background-position-y: -30px;
 }
-.switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
+.mac {
+  background-position-y: -60px;
 }
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: lightgray;
-  -webkit-transition: .4s;
-  transition: .4s;
+.iPod {
+  background-position-y: -90px;
 }
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 13px;
-  width: 13px;
-  left: 2px;
-  bottom: -1px;
-  background-color: #eee;
-  -webkit-transition: .4s;
-  transition: .4s;
+.iPhone {
+  background-position-y: -120px;
 }
-input:checked+.slider {
-  background-color: lightgray;
+.iPad {
+  background-position-y: -150px;
 }
-input:focus+.slider {
-  box-shadow: 0 0 1px #2196F3;
+.iTunes {
+  background-position-y: -180px;
 }
-input:checked+.slider:before {
-  -webkit-transform: translateX(13px);
-  -ms-transform: translateX(13px);
-  transform: translateX(13px);
-  background-color: cornflowerblue;
+.support {
+  background-position-y: -210px;
 }
-/* Rounded sliders */
-.slider.round {
-  border-radius: 34px;
+.search-nav {
+  align-self: center;
 }
-.slider.round:before {
-  border-radius: 50%;
+.search-nav:active {
+  width: 200px;
 }
-.comments {
-  margin-bottom: 25px;
+.search-nav form {
+  padding: 8px 13px;
 }
-.comment-interaction {
-  display: grid;
-  margin-bottom: 15px;
-}
-.comment-interaction p {
-  font-size: 16px;
-  font-weight: 400;
-}
-.comment-interaction button {
-  border-style: none;
+.search-nav input {
+  border-radius: 12px;
+  border-color: lightgray;
+  border-style: inset;
+  width: 106px;
   background-color: transparent;
-  display: inline-flex;
-  align-items: center;
-  margin-left: 25px;
-}
-.comment-interaction button div {
-  display: inline-flex;
+  transition: 0.5s;
+  background-image: url(img/search-white.svg);
+  background-repeat: no-repeat;
 }
-.comment-interaction img {
-  width: 48px;
-  margin-right: 10px;
+.search-nav input:focus {
+  width: 200px;
+  background-color: white;
+  border-radius: 12px;
+  border-color: transparent;
+  border-style: inset;
+  background-image: url(img/search.svg);
+  background-repeat: no-repeat;
+  outline: none;
+  padding-left: 20px;
 }
-.comment-interaction button img {
-  width: 18px;
+.main-content>h1 {
   margin: 0;
 }
-.comment-interaction input {
-  color: black;
-  border: none;
-  background-color: transparent;
-  border-bottom: rgb(218, 218, 218) 1px solid;
-  height: 25px;
-  width: 100%;
+.main-content>h2 {
+  margin: 0;
+  margin-bottom: 27px;
 }
-.comment-interaction button p {
-  display: block;
-  color: #606060;
+.cta {
+  height: 29px;
+  overflow: hidden;
 }
-.comment-interaction div {
-  display: inline-flex;
+.cta>a:hover {
+  margin-top: -32px;
 }
-.comment-module {
-  widows: 100%;
-  display: grid;
-  grid-template-areas: 'left-comment right-comment right-comment'
-    'left-comment right-comment right-comment'
-    'left-comment right-comment right-comment';
-  grid-template-columns: fit-content(60px) 88% 5%;
-  margin: 0px;
+.s1,
+.s2,
+.s3,
+.s4 {
+  margin: 0 !important;
 }
-.comment-module img {
-  grid-area: left-comment;
-  margin-right: 10px;
+.s1 {
+  grid-area: s1;
 }
-.comment-info {
-  display: block;
-  height: 50%;
-  grid-area: right-comment;
+.s2 {
+  grid-area: s2;
 }
-.comment-user {
-  display: inline-flex;
-  grid-area: right-comment;
-  align-items: center;
-  height: 25px;
+.s3 {
+  grid-area: s3;
 }
-.comment-user p {
-  font-size: 13px;
-  font-weight: 600;
-  font-style: normal;
-  color: black;
+.s4 {
+  grid-area: s4;
 }
-.comment-user a p {
-  font-weight: 100;
-  text-decoration: none;
-  margin-left: 4px;
-  font-size: 8pt;
-  color: rgb(120, 120, 120);
+.wrapper {
+  margin: 0 auto;
+  width: 1220px;
+  padding: 1em 0 2.6em;
 }
-.comment-user a {
-  text-decoration: none;
-}
-.comment-content {
-  display: block;
-  grid-area: right-comment;
-  word-break: break-word;
-  overflow: hidden;
-  font-size: 14px;
-}
-.comment-content p {
+.wrapper p {
+  float: left;
+  clear: both;
+  width: 49%;
+  padding-top: 20px;
+  text-align: left;
   margin: 0;
+  color: #6e6e6e;
+  font-size: 0.8334em;
+  line-height: 1.2;
 }
-.coment-view {
-  display: flex;
-  align-items: center;
-}
-.comment-icons {
-  display: inline-flex;
-  align-items: center;
+.wrapper ul {
+  float: right;
+  width: 51%;
+  padding: 0;
+  padding-top: 20px;
+  text-align: right;
+  margin: 0;
+  list-style: none outside;
 }
-.comment-icons button {
-  display: flex;
+.wrapper li {
+  float: left;
+  margin-left: 0.6em;
+  padding-left: 0.6em;
+  border-left: 1px solid #ccc;
+  font-size: 0.8334em;
+  line-height: 1.2;
 }
-.comment-icons div {
-  align-items: center;
+.wrapper a:hover {
+  text-decoration: underline;
 }
-.comment-icons img {
-  height: 18px;
-  width: 18px;
+.wraper ul .clear-left ul {
+  float: left;
 }
-.comment-icons p {
-  font-weight: 500;
-  font-size: 12px;
-  margin: 0;
+.wrapper .clear-left {
+  width: fit-content;
 }
-.no-margin {
-  margin: 0;
+.wrapper .piped {
+  float: left;
 }
-.view-replies {
-  font-size: 14px;
-  font-weight: 1500;
-  color: rgb(6, 95, 212);
-  letter-spacing: 0.007px;
-}
-.round {
-  border-radius: 50%;
-}