ericrasch

COPILOT EDITS OPERATIONAL GUIDELINES

PRIME DIRECTIVE

Avoid working on more than one file at a time.
Multiple simultaneous edits to a file will cause corruption.
Be chatting and teach about what you are doing while coding.

LARGE FILE & COMPLEX CHANGE PROTOCOL

MANDATORY PLANNING PHASE

ericrasch

################################################################################
# Script Name: convert_alfred_snippets.py
#
# Converts exported Alfred snippets into Raycast import format.
#
# Usage:
#   python3 convert_alfred_snippets.py
#
# Requirements:
#   - Python 3.x

ericrasch

Resolves #

Description

Staging Links

Screenshots (if appropriate):

ericrasch

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<div class="social">
    <a href="#" class="fb" title="Join us on Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
    <a href="#" class="tw" title="Join us on Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
    <a href="#" class="insta" title="Join us on Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
    <a href="#" class="in" title="Join us on Linked In"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>

ericrasch

<div class="container">
  <div class="card">
    <div class="image">
    <img src="http://res.cloudinary.com/dzuf4ztit/image/upload/c_fill,f_auto,g_center,q_auto:good,r_0,w_350/samples/landscapes/nature-mountains.jpg">
    </div>
    <div class="content">
      <div>AMAZING WILDERNESS VIEWS • 350 ACRES</div>
      <div class="price">$750,000</div>
      <div class="address">101 Greenfield Drive</div>
    </div>

ericrasch

<div class="content">
    <h1>So <code>position: sticky</code> is a thing now in a <em>bunch</em> of browsers.</h1>
    
    <p><a href="https://caniuse.com/#search=position%3A%20sticky" target="_blank">https://caniuse.com/#search=position%3A%20sticky</a></p>
  
  <p><a href="https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit" target="_blank">https://developers.google.com/web/updates/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit</a></p>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lectus lectus, adipiscing molestie accumsan ut, facilisis at massa. Praesent ut dictum massa. Sed vel nunc nec augue vestibulum consectetur ac mattis elit. Proin euismod cursus cursus. Sed ut aliquet lectus. Fusce pellentesque pretium massa, ut gravida elit sagittis sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris at augue justo. In mollis hendrerit eleifend. Aenean ultricies au

ericrasch

All Form Elements

All the form elements on one page so you can see default browser styling. Fork it to play with your own styling.

Forked from Chris Smith's Pen All Form Elements.

A Pen by HigherEducation.com on CodePen.

License.

ericrasch

full viewport width image (container) inside article

elements like images (or containers) break out from inside a wrapper to full viewport width

A Pen by HigherEducation.com on CodePen.

License.

ericrasch

Links to website building zen

These are some of the tools I leverage to making better wesites, more efficiently:

Code Editors

• https://code.visualstudio.com/
• https://atom.io/
• https://www.sublimetext.com/

git + GitHub

ericrasch

$ cd {{project-directory}}
$ rm -rf .git
$ git init
$ git add .
$ git commit -m 'Initial commit'
$ git remote add origin {{url}}
$ git push --force