Stefany Newman Stefany93

## functions.php
<?php

/*
 Function courtesy of Chris McKee - https://gist.github.com/ChrisMcKee/1284052
 Get sute URL with protocol (http or https)
*/
function siteURL()
{
    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off'
     || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";

## skip_link.html
<style>
  .skip a{
  position:absolute;
  left:10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  font-size:2em;
  background:white;

## furbaby_css.css
  a {
  text-decoration: none;
}
.container {
  max-width: 1400px;
  margin: auto;
}

#primary-nav .container {
  padding: 0 10px;

## furbaby-header.html
 <header class="main">
        <nav id="primary-nav" aria-label="Main Navigation">
            <div class="container">
                <a href="/" class="logo-holder">
                    <img class="logo" src="/assets/template/images/logo/logo.svg" alt="Homepage">
                </a>
            </div>
            <button id="hamburger" aria-expanded="true">
                <span>menu</span>
                <span id="expanded">expanded</span>

## buttons.html
<button on="tap:myVideo.play">
 Play
</button>

<amp-video id="myVideo"
/* amp-video attributes */
></amp-video>

## amp-carousel-final-code.html
<div class="products_carousel" >
   <amp-carousel height="418"
      layout="fixed-height"
      type="carousel"
      class="category-carousel"
      controls
      >
      <div class="slide">
         <figure style="">
            <a href="#" >

## carousel-slide.html
<div class="slide">
   <figure>
      <a href="#" >
         <amp-img src="https://picsum.photos/258/193?image=9"
            width="258"
            height="193"
            alt="a sample image"></amp-img>
      </a>
      <figcaption>
         <a href="#" class="block">

## trucks.php
<?php
require 'scripts/functions.php';
$domain_name = domainName();  // Example.com
$siteURL = siteURL(); //https://example.com
    // Message

  /*
  AMP boilerplate CORS code and setting the content type as JSON
     Since all errors / sucess messages will be encoded in JSON
 */

## amp_email.html
<!doctype html>
<html ⚡4email>
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
  <style amp4email-boilerplate>body{visibility:hidden}</style>
  <style amp-custom>
    h1 {
      margin: 10px;

## amp-list.html
<amp-list
        src="https://fabulousnewwebsite.com/trucks.php"
        layout="fixed-height"
        height="200"
        width="auto"
            >
    <template type="amp-mustache">

      <div>
        <a href="{{url}}">{{title}}</a>
	<?php

	/*
	Function courtesy of Chris McKee - https://gist.github.com/ChrisMcKee/1284052
	Get sute URL with protocol (http or https)
	*/
	function siteURL()
	{
	$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off'
	\|\| $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
	<style>
	.skip a{
	position:absolute;
	left:10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:2em;
	background:white;
	a {
	text-decoration: none;
	}
	.container {
	max-width: 1400px;
	margin: auto;
	}

	#primary-nav .container {
	padding: 0 10px;
	<button on="tap:myVideo.play">
	Play
	</button>

	<amp-video id="myVideo"
	/* amp-video attributes */
	></amp-video>
	<div class="products_carousel" >
	<amp-carousel height="418"
	layout="fixed-height"
	type="carousel"
	class="category-carousel"
	controls
	>
	<div class="slide">
	<figure style="">
	<a href="#" >
	<div class="slide">
	<figure>
	<a href="#" >
	<amp-img src="https://picsum.photos/258/193?image=9"
	width="258"
	height="193"
	alt="a sample image"></amp-img>
	</a>
	<figcaption>
	<a href="#" class="block">
	<?php
	require 'scripts/functions.php';
	$domain_name = domainName(); // Example.com
	$siteURL = siteURL(); //https://example.com
	// Message

	/*
	AMP boilerplate CORS code and setting the content type as JSON
	Since all errors / sucess messages will be encoded in JSON
	*/
	<!doctype html>
	<html ⚡4email>
	<head>
	<meta charset="utf-8">
	<script async src="https://cdn.ampproject.org/v0.js"></script>
	<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
	<style amp4email-boilerplate>body{visibility:hidden}</style>
	<style amp-custom>
	h1 {
	margin: 10px;
	<amp-list
	src="https://fabulousnewwebsite.com/trucks.php"
	layout="fixed-height"
	height="200"
	width="auto"
	>
	<template type="amp-mustache">

	<div>
	<a href="{{url}}">{{title}}</a>