Skip to content

Instantly share code, notes, and snippets.

View artsmc's full-sized avatar

Mark Campbell artsmc

28 followers · 37 following
View GitHub Profile
@artsmc
artsmc / index.html
Created August 4, 2013 20:11
A CodePen by Mark Campbell. Dribbble rebound "Personal Website" - http://dribbble.com/shots/999561-Personal-Website I saw a menu concept on dribbble and decided to have a go at it
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://artsmc.net/codepen/dribbble/personalsite/css/font-awesome.css" />
<!--[if IE 7]><link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css"><![endif]-->
<title>Dribbble Rebound</title>
@artsmc
artsmc / index.html
Created August 10, 2013 15:31
A CodePen by Mark Campbell. Shade- Shadow Mixin for LESS - Based on zensimilia and Hugo Darby-Brown, this is a LESS version of the shade mixin to create long shadows
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>
Test display of HTML elements
</title>
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="fade-box" id="angle">
@artsmc
artsmc / Responsive-Modal.markdown
Created September 12, 2013 02:24
A Pen by Mark Campbell.
@artsmc
artsmc / Bakestrap-Icons.markdown
Created December 13, 2013 19:17
A Pen by Mark Campbell.

Bakestrap Icons

Working on a boostrap for baking sites/blogs step 1 was adding baking icons to go with font awesome icons.

A Pen by Mark Campbell on CodePen.

License.

@artsmc
artsmc / Dynamic-Grid-system.markdown
Created December 30, 2013 02:10
A Pen by Mark Campbell.

Dynamic Grid system

OOLESS grid system. If you wanted to make a system on the fly and compile some nice css then the grid function is your one stop shop for a dynamic grid that can work within any framework.

A Pen by Mark Campbell on CodePen.

License.

@artsmc
artsmc / SlideShow-Plugin.markdown
Created June 22, 2014 16:20
A Pen by Mark Campbell.

SlideShow Plugin

Another slideshow plugin work in progress. I could not find a slideshow that only featured 3 items across the div So I thought I Would get an idea started. its not the cleanest but its a start.

A Pen by Mark Campbell on CodePen.

License.

@artsmc
artsmc / Javascript Jelly Input field.markdown
Created July 15, 2015 06:49
Javascript Jelly Input field

Javascript Jelly Input field

Material Design Jelly Input Implemented with JQuery and D3. Not meant for multiple fields but could easily be extended into a plugin.

A Pen by Mark Campbell on CodePen.

License.

@artsmc
artsmc / index.html
Created April 14, 2017 17:49
JS Bin GET, SET, WATCH, UNWATCH, with javascript // source http://jsbin.com/saralir
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="GET, SET, WATCH, UNWATCH, with javascript">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
@artsmc
artsmc / documentation.md
Last active September 15, 2025 18:38
This is a Cline Rule to Keep code inline with System Architecture, and outline how to reason about the code for development teams. Copy and paste this into your Cline rules, call it documentation.md, simply say "initialize documentation hub"

#The Documentation Hub

I am Cline, an expert software engineer with a unique characteristic: my memory resets completely between sessions. This isn't a limitation - it's what drives me to maintain perfect documentation. After each reset, I rely ENTIRELY on my Memory Bank and my Documentation Hub to understand the project and continue work effectively. I MUST read ALL memory bank files and document hub at the start of EVERY task - this is not optional.

Documentation Hub

SA[systemArchitecture.md] --> KR[keyPairResponsibility.md]
KR --> G[glossary.md]
SA --> TS[techStack.md]
@artsmc
artsmc / Engineer-rule.md
Created July 27, 2025 04:18

Here is the full README-ready markdown version, structured to map exactly to Cline's behavior, task flow, and documentation logic:

📘 Cline Protocols: Task Flow + Documentation Alignment

Designed for memory-reset reliability and flawless engineering cycles.