Shawn Sandy shawn-sandy

## content_nav.njk
<!-- Content Nav collection -->

{% macro page_nav(links) %}

{% for link in links %}

<li>
    <a class="" href="#{{ link.data.title | slug }}">
      {{ link.data.name or link.data.title }}
    </a>

## collections.njk
<!-- Content Nav collection -->
{% macro anchors(links, classes = "") %}
{% for link in links %}
<a class="anchors" href="#{{ link.data.title | slug }}">
  {{ link.data.name or link.data.title }}
</a>
<!-- <hr> -->
{% endfor %}
{% endmacro %}

## index.html
<div class="component">Component...</div>
<div class="sg-color-light sg-background-color-dark sg-hover:red">COLOR</div>
<div class="sg sg-hover:red sg-trans:color-dark">Transparentize</div>

## index.html
<p class="sg" style="padding: 20px; ">
 <button type="submit" class="sg-btn">Button</button>
 <button class="sg-btn sg-btn-blue sg-btn-blue-hover:background-color">Button</button>
</p>
<p class="card">
 CARD
</p>

## details-code.njk
{% extends 'details.njk' %}

<!--  -->

{% block sections %}
<section class="container py-2">
  <header class="td-font-size-5x py-2 td-brand-space text-uppercase">
    <i class="fas fa-code"></i> Related Foundation Patterns
    <hr />
  </header>

## html5.code-snippets
{
  "generate html5 (basic) template": {
    "prefix": "html5",
    "body": [
      "<!doctype html>",
      "",
      "<html lang=\"en\">",
      "<head>",
      "  <meta charset=\"utf-8\">",
      "",

## elements.js
"use strict"

module.exports = {
  copy_clipboard: (content, target) => {
    return `<div class="form-group w-100 py-4">
    <div class="row">
    <div class="col">
    <header class="td-font-size-3x td-brand-ocean"><i class="fas fa-laptop-code" style="user-select: auto;"></i> Source View</header>
  </div>
  <div class="col text-right">

## .eleventy.js
const fs = require("fs");

const htmlmin = require("html-minifier");
const pluginRss = require("@11ty/eleventy-plugin-rss");
const ideas = require("@shawnsandy/ideas");
const elements = require("./system/shortcodes/elements")
const fonts = require("./.fonts-config")
const marked = require('marked')
// const mix = require("@shawnsandy/mix/eleventy");

## elements.js
"use strict"

module.exports = {
  copy_clipboard: (content, target) => {
    return `<div class="form-group w-100 py-4">
    <div class="row">
    <div class="col">
    <header class="td-brand-ocean text-uppercase"><i class="fas fa-laptop-code" style="user-select: auto;"></i> Source View</header>
  </div>
  <div class="col text-right">

## footer.html
<footer>
  <section>
    <p>
      <small>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut odit expedita aliquam commodi incidunt nam
        maiores eum sunt minima corrupti dolore, fugiat veritatis sit, nobis harum ducimus repudiandae quos
        laboriosam?
      </small>
    </p>
  </section>
	<!-- Content Nav collection -->

	{% macro page_nav(links) %}

	{% for link in links %}

	<li>
	<a class="" href="#{{ link.data.title \| slug }}">
	{{ link.data.name or link.data.title }}
	</a>
	<!-- Content Nav collection -->
	{% macro anchors(links, classes = "") %}
	{% for link in links %}
	<a class="anchors" href="#{{ link.data.title \| slug }}">
	{{ link.data.name or link.data.title }}
	</a>
	<!-- <hr> -->
	{% endfor %}
	{% endmacro %}
	<div class="component">Component...</div>
	<div class="sg-color-light sg-background-color-dark sg-hover:red">COLOR</div>
	<div class="sg sg-hover:red sg-trans:color-dark">Transparentize</div>
	<p class="sg" style="padding: 20px; ">
	<button type="submit" class="sg-btn">Button</button>
	<button class="sg-btn sg-btn-blue sg-btn-blue-hover:background-color">Button</button>
	</p>
	<p class="card">
	CARD
	</p>
	{% extends 'details.njk' %}

	<!-- -->

	{% block sections %}
	<section class="container py-2">
	<header class="td-font-size-5x py-2 td-brand-space text-uppercase">
	<i class="fas fa-code"></i> Related Foundation Patterns
	<hr />
	</header>
	{
	"generate html5 (basic) template": {
	"prefix": "html5",
	"body": [
	"<!doctype html>",
	"",
	"<html lang=\"en\">",
	"<head>",
	" <meta charset=\"utf-8\">",
	"",
	"use strict"

	module.exports = {
	copy_clipboard: (content, target) => {
	return `<div class="form-group w-100 py-4">
	<div class="row">
	<div class="col">
	<header class="td-font-size-3x td-brand-ocean"><i class="fas fa-laptop-code" style="user-select: auto;"></i> Source View</header>
	</div>
	<div class="col text-right">
	const fs = require("fs");

	const htmlmin = require("html-minifier");
	const pluginRss = require("@11ty/eleventy-plugin-rss");
	const ideas = require("@shawnsandy/ideas");
	const elements = require("./system/shortcodes/elements")
	const fonts = require("./.fonts-config")
	const marked = require('marked')
	// const mix = require("@shawnsandy/mix/eleventy");