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

DRev 0.0.1 → 0.0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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%;
-}