1forh

CSS tricks SASS style guide

https://css-tricks.com/sass-style-guide/

Common SASS File Structure

File names end in .scss

main.scss

1forh

<!-- Credit Cards -->
<i class="fa fa-cc-visa"></i>
<i class="fa fa-cc-mastercard"></i>
<i class="fa fa-cc-discover"></i>
<i class="fa fa-cc-amex"></i>

<i class="fa fa-credit-card"></i>
<i class="fa fa-credit-card-alt"></i>

<!-- Social Media -->

1forh

// This changes the bracket syntax of Angular applications.
// Useful if you are using another templating system that uses {{}} brackets Ex. Handlebars
appModule.config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('{[');
  $interpolateProvider.endSymbol(']}');
});

1forh

/* Track outbound links -- https://support.google.com/analytics/answer/1136920?hl=en */

/* Add second onclick event after original and return false for both */
<input type="submit" onclick="(function(x){return x;})(this); trackOutboundLink('http://website.com'); return false;">

<script>
  (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  e.src='https://www.google-analytics.com/analytics.js';

1forh

<nav>
  <ul>
    <li {{#ifpage 'index'}}class="active"{{/ifpage}}><a href="index.html">Home</a></li>
    <li {{#ifpage 'services'}}class="active"{{/ifpage}}><a href="services.html">Services</a></li>
    <li {{#ifpage 'about-us'}}class="active"{{/ifpage}}><a href="about-us.html">About Us</a></li>
    <li {{#ifpage 'contact-us'}}class="active"{{/ifpage}}><a href="contact-us.html">Contact Us</a></li>
  </ul>
</nav>

1forh

* { cursor: progress !important; pointer-events: none !important; }
*::selection { background: none !important; }

1forh

###SSH into a remote machine###

ssh user@mydomain.com
#or by ip address
ssh user@192.168.1.1

exit: exit ###Install Something###

#If it's a new server, update apt-get first thing

1forh

<div id="map-wrapper">
  <iframe id="map-canvas"></iframe>
</div>

1forh

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTPS} !=on

  # Redirect http://www.example.com to http://example.com
  # RewriteCond %{HTTP_HOST} ^www\.example\.com$
  # RewriteRule ^/?$ "http\:\/\/example\.com\/" [R=301,L]

  # Redirect from the `http://` to the `https://` version of the URL.
  # RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

1forh

<div id="form-messages"></div>
<form action="mailer.php" method="POST" id="ajax-contact" class="contact-form">
  
  <p>All fields are required.</p>

  <label for="name">
    Full Name
    <input type="text" name="name" id="name" required>
  </label>