This repository has been archived on 2025-05-18. You can view files and clone it, but cannot push or open issues or pull requests.
sentenceworthy.com/archives/4/amp/index.html.orig
2023-09-05 16:53:51 -04:00

433 lines
9.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html amp lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>4. | Sentence Worthy</title>
<link rel="canonical" href="../../../index.html%3Fp=36.html" />
<script src="https://cdn.ampproject.org/v0.js" async></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","mainEntityOfPage":"https:\/\/sentenceworthy.com\/archives\/4\/","publisher":{"@type":"Organization","name":"Sentence Worthy"},"headline":"4.","datePublished":"2015-11-28T18:47:12+00:00","dateModified":"2016-08-16T21:35:57+00:00","author":{"@type":"Person","name":"Brandon Rozek"},"image":{"@type":"ImageObject","url":"https:\/\/sentenceworthy.com\/wp-content\/uploads\/2015\/11\/pacman.jpg","width":3069,"height":2340}}</script>
<style amp-custom>
/* Generic WP styling */
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.amp-wp-enforced-sizes {
/** Our sizes fallback is 100vw, and we have a padding on the container; the max-width here prevents the element from overflowing. **/
max-width: 100%;
margin: 0 auto;
}
.amp-wp-unknown-size img {
/** Worst case scenario when we can't figure out dimensions for an image. **/
/** Force the image into a box of fixed dimensions and use object-fit to scale. **/
object-fit: contain;
}
/* Template Styles */
.amp-wp-content,
.amp-wp-title-bar div {
margin: 0 auto;
max-width: 600px;
}
html {
background: #0a89c0;
}
body {
background: #fff;
color: #353535;
font-family: 'Merriweather', 'Times New Roman', Times, Serif;
font-weight: 300;
line-height: 1.75em;
}
p,
ol,
ul,
figure {
margin: 0 0 1em;
padding: 0;
}
a,
a:visited {
color: #0a89c0;
}
a:hover,
a:active,
a:focus {
color: #353535;
}
/* Quotes */
blockquote {
color: #353535;
background: rgba(127,127,127,.125);
border-left: 2px solid #0a89c0;
margin: 8px 0 24px 0;
padding: 16px;
}
blockquote p:last-child {
margin-bottom: 0;
}
/* UI Fonts */
.amp-wp-meta,
.amp-wp-header div,
.amp-wp-title,
.wp-caption-text,
.amp-wp-tax-category,
.amp-wp-tax-tag,
.amp-wp-comments-link,
.amp-wp-footer p,
.back-to-top {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}
/* Header */
.amp-wp-header {
background-color: #0a89c0;
}
.amp-wp-header div {
color: #fff;
font-size: 1em;
font-weight: 400;
margin: 0 auto;
max-width: calc(840px - 32px);
padding: .875em 16px;
position: relative;
}
.amp-wp-header a {
color: #fff;
text-decoration: none;
}
/* Site Icon */
.amp-wp-header .amp-wp-site-icon {
/** site icon is 32px **/
background-color: #fff;
border: 1px solid #fff;
border-radius: 50%;
position: absolute;
right: 18px;
top: 10px;
}
/* Article */
.amp-wp-article {
color: #353535;
font-weight: 400;
margin: 1.5em auto;
max-width: 840px;
overflow-wrap: break-word;
word-wrap: break-word;
}
/* Article Header */
.amp-wp-article-header {
align-items: center;
align-content: stretch;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 1.5em 16px 1.5em;
}
.amp-wp-title {
color: #353535;
display: block;
flex: 1 0 100%;
font-weight: 900;
margin: 0 0 .625em;
width: 100%;
}
/* Article Meta */
.amp-wp-meta {
color: #696969;
display: inline-block;
flex: 2 1 50%;
font-size: .875em;
line-height: 1.5em;
margin: 0;
padding: 0;
}
.amp-wp-article-header .amp-wp-meta:last-of-type {
text-align: right;
}
.amp-wp-article-header .amp-wp-meta:first-of-type {
text-align: left;
}
.amp-wp-byline amp-img,
.amp-wp-byline .amp-wp-author {
display: inline-block;
vertical-align: middle;
}
.amp-wp-byline amp-img {
border: 1px solid #0a89c0;
border-radius: 50%;
position: relative;
margin-right: 6px;
}
.amp-wp-posted-on {
text-align: right;
}
/* Featured image */
.amp-wp-article-featured-image {
margin: 0 0 1em;
}
.amp-wp-article-featured-image amp-img {
margin: 0 auto;
}
.amp-wp-article-featured-image.wp-caption .wp-caption-text {
margin: 0 18px;
}
/* Article Content */
.amp-wp-article-content {
margin: 0 16px;
}
.amp-wp-article-content ul,
.amp-wp-article-content ol {
margin-left: 1em;
}
.amp-wp-article-content amp-img {
margin: 0 auto;
}
.amp-wp-article-content amp-img.alignright {
margin: 0 0 1em 16px;
}
.amp-wp-article-content amp-img.alignleft {
margin: 0 16px 1em 0;
}
/* Captions */
.wp-caption {
padding: 0;
}
.wp-caption.alignleft {
margin-right: 16px;
}
.wp-caption.alignright {
margin-left: 16px;
}
.wp-caption .wp-caption-text {
border-bottom: 1px solid #c2c2c2;
color: #696969;
font-size: .875em;
line-height: 1.5em;
margin: 0;
padding: .66em 10px .75em;
}
/* AMP Media */
amp-carousel {
background: #c2c2c2;
margin: 0 -16px 1.5em;
}
amp-iframe,
amp-youtube,
amp-instagram,
amp-vine {
background: #c2c2c2;
margin: 0 -16px 1.5em;
}
.amp-wp-article-content amp-carousel amp-img {
border: none;
}
amp-carousel > amp-img > img {
object-fit: contain;
}
.amp-wp-iframe-placeholder {
background: #c2c2c2 url( ../../../wp-content/plugins/amp/assets/images/placeholder-icon.png ) no-repeat center 40%;
background-size: 48px 48px;
min-height: 48px;
}
/* Article Footer Meta */
.amp-wp-article-footer .amp-wp-meta {
display: block;
}
.amp-wp-tax-category,
.amp-wp-tax-tag {
color: #696969;
font-size: .875em;
line-height: 1.5em;
margin: 1.5em 16px;
}
.amp-wp-comments-link {
color: #696969;
font-size: .875em;
line-height: 1.5em;
text-align: center;
margin: 2.25em 0 1.5em;
}
.amp-wp-comments-link a {
border-style: solid;
border-color: #c2c2c2;
border-width: 1px 1px 2px;
border-radius: 4px;
background-color: transparent;
color: #0a89c0;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin: 0 auto;
max-width: 200px;
padding: 11px 16px;
text-decoration: none;
width: 50%;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
/* AMP Footer */
.amp-wp-footer {
border-top: 1px solid #c2c2c2;
margin: calc(1.5em - 1px) 0 0;
}
.amp-wp-footer div {
margin: 0 auto;
max-width: calc(840px - 32px);
padding: 1.25em 16px 1.25em;
position: relative;
}
.amp-wp-footer h2 {
font-size: 1em;
line-height: 1.375em;
margin: 0 0 .5em;
}
.amp-wp-footer p {
color: #696969;
font-size: .8em;
line-height: 1.5em;
margin: 0 85px 0 0;
}
.amp-wp-footer a {
text-decoration: none;
}
.back-to-top {
bottom: 1.275em;
font-size: .8em;
font-weight: 600;
line-height: 2em;
position: absolute;
right: 16px;
}
</style>
</head>
<body class="">
<header id="#top" class="amp-wp-header">
<div>
<a href="../../../index.html">
Sentence Worthy </a>
</div>
</header>
<article class="amp-wp-article">
<header class="amp-wp-article-header">
<h1 class="amp-wp-title">4.</h1>
<div class="amp-wp-meta amp-wp-byline">
<amp-img src="https://secure.gravatar.com/avatar/af5d95c5c77b1a89842617f48bf141c2?s=24&#038;d=mm&#038;r=g" width="24" height="24" layout="fixed"></amp-img>
<span class="amp-wp-author author vcard">Brandon Rozek</span>
</div>
<div class="amp-wp-meta amp-wp-posted-on">
<time datetime="2015-11-28T18:47:12+00:00">
4 years ago </time>
</div>
</header>
<div class="amp-wp-article-content">
<p><amp-img class="alignnone size-full wp-image-64 amp-wp-enforced-sizes" src="http://sentenceworthy.com/wp-content/uploads/2015/11/pacman.jpg" alt="A Pacman machine" width="3069" height="2340" srcset="https://sentenceworthy.com/wp-content/uploads/2015/11/pacman.jpg 3069w, https://sentenceworthy.com/wp-content/uploads/2015/11/pacman-300x229.jpg 300w, https://sentenceworthy.com/wp-content/uploads/2015/11/pacman-768x586.jpg 768w, https://sentenceworthy.com/wp-content/uploads/2015/11/pacman-1024x781.jpg 1024w" sizes="(min-width: 600px) 600px, 100vw"></amp-img></p>
<p>Huddled against yesterdays memories<br/>
-an old sweater, favorite blue jeans-<br/>
I find childhood.</p>
</div>
<footer class="amp-wp-article-footer">
<div class="amp-wp-meta amp-wp-tax-category">
Categories: <a href="../../category/uncategorized/index.html" rel="category tag">Uncategorized</a> </div>
<div class="amp-wp-meta amp-wp-tax-tag">
Tags: <a href="../../tag/nostalgia/index.html" rel="tag">nostalgia</a>, <a href="../../tag/pacman/index.html" rel="tag">pacman</a> </div>
</footer>
</article>
<footer class="amp-wp-footer">
<div>
<h2>Sentence Worthy</h2>
<p>
<a href="https://wordpress.org/">Powered by WordPress</a>
</p>
<a href="index.html#top" class="back-to-top">Back to top</a>
</div>
</footer>
</body>
</html>