Skip to content

Commit 266ffa6

Browse files
author
mrmrs
committed
Add screenshots.
1 parent 053b4c7 commit 266ffa6

File tree

308 files changed

+2900
-1167
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

308 files changed

+2900
-1167
lines changed

‎components/article-lists/title-preview-author-media-flipped/index.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
27+
<div data-name="component-container">
2728
<section class="mw7 center">
2829
<h2 class="athelas ph3 ph0-l">News</h2>
2930
<article class="pv4 bt bb b--black-10 ph3 ph0-l">
@@ -49,7 +50,7 @@ <h1 class="f3 athelas mt0 lh-title">Tech Giant Invests Huge Money to Build a Com
4950
<h1 class="f3 athelas mt0 lh-title">A whale takes up residence in a large body of water</h1>
5051
<p class="f5 f4-l lh-copy athelas">
5152
This giant of a whale says it is ready to begin planning a new
52-
swim later this afternoon. A powerful mammal that relies on fish and plankton instead
53+
swim later this afternoon. A powerful mammal that relies on fish and plankton instead
5354
of hamburgers.
5455
</p>
5556
</div>
@@ -68,7 +69,7 @@ <h1 class="f3 athelas mt0 lh-title">
6869
</h1>
6970
<p class="f5 f4-l lh-copy athelas">
7071
Archaeologists have found more than 40 tons of vinyl records,
71-
some more than a five years old, shedding light on early hipster
72+
some more than a five years old, shedding light on early hipster
7273
trends.
7374
</p>
7475
</div>
@@ -81,6 +82,7 @@ <h1 class="f3 athelas mt0 lh-title">
8182
</article>
8283
</section>
8384

85+
</div>
8486
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
8587
<h1 class="f4 f3-ns mt4">Title Preview Author Media Flipped</h1>
8688
<div class="cf">
@@ -113,7 +115,7 @@ <h2 class="f5">HTML</h2>
113115
&lt;h1 class=&quot;f3 athelas mt0 lh-title&quot;&gt;A whale takes up residence in a large body of water&lt;/h1&gt;
114116
&lt;p class=&quot;f5 f4-l lh-copy athelas&quot;&gt;
115117
This giant of a whale says it is ready to begin planning a new
116-
swim later this afternoon. A powerful mammal that relies on fish and plankton instead
118+
swim later this afternoon. A powerful mammal that relies on fish and plankton instead
117119
of hamburgers.
118120
&lt;/p&gt;
119121
&lt;/div&gt;
@@ -132,7 +134,7 @@ <h2 class="f5">HTML</h2>
132134
&lt;/h1&gt;
133135
&lt;p class=&quot;f5 f4-l lh-copy athelas&quot;&gt;
134136
Archaeologists have found more than 40 tons of vinyl records,
135-
some more than a five years old, shedding light on early hipster
137+
some more than a five years old, shedding light on early hipster
136138
trends.
137139
&lt;/p&gt;
138140
&lt;/div&gt;

‎components/article-lists/title-preview-author-media-flipped/screenshot.jpg

32.3 KB
Loading

‎components/article-lists/title-preview-author-media/index.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-near-white">
2626
<main>
27+
<div data-name="component-container">
2728
<section class="mw7 center avenir">
2829
<h2 class="baskerville fw1 ph3 ph0-l">News</h2>
2930
<article class="bt bb b--black-10">
@@ -76,7 +77,7 @@ <h1 class="f3 fw1 baskerville mt0 lh-title">Giant Whale Invests Huge Money to Bu
7677
Whale is the common name for a widely distributed and diverse
7778
group of fully aquatic placental marine mammals. They are an
7879
informal grouping within the infraorder Cetacea, usually
79-
excluding dolphins and porpoises.
80+
excluding dolphins and porpoises.
8081
</p>
8182
<p class="f6 lh-copy mv0">By Robin Darnell</p>
8283
</div>
@@ -85,6 +86,7 @@ <h1 class="f3 fw1 baskerville mt0 lh-title">Giant Whale Invests Huge Money to Bu
8586
</article>
8687
</section>
8788

89+
</div>
8890
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
8991
<h1 class="f4 f3-ns mt4">Title Preview Author Media</h1>
9092
<div class="cf">
@@ -144,7 +146,7 @@ <h2 class="f5">HTML</h2>
144146
Whale is the common name for a widely distributed and diverse
145147
group of fully aquatic placental marine mammals. They are an
146148
informal grouping within the infraorder Cetacea, usually
147-
excluding dolphins and porpoises.
149+
excluding dolphins and porpoises.
148150
&lt;/p&gt;
149151
&lt;p class=&quot;f6 lh-copy mv0&quot;&gt;By Robin Darnell&lt;/p&gt;
150152
&lt;/div&gt;

‎components/article-lists/title-preview-author-media/screenshot.jpg

38.9 KB
Loading

‎components/articles/feature/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
27+
<div data-name="component-container">
2728
<article class="athelas">
2829
<div class="vh-100 dt w-100 tc bg-dark-gray white cover" style="background:url(http://mrmrs.io/photos/u/009.jpg) no-repeat center;">
2930
<div class="dtc v-mid">
@@ -73,6 +74,7 @@ <h1 class="f1 lh-title">The repercussion of ugliness is endless</h1>
7374
</div>
7475
</article>
7576

77+
</div>
7678
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
7779
<h1 class="f4 f3-ns mt4">Feature</h1>
7880
<div class="cf">

‎components/articles/feature/screenshot.jpg

14.5 KB
Loading

‎components/articles/full-bleed-background/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
27+
<div data-name="component-container">
2728
<article data-name="article-full-bleed-background">
2829
<div class="cf" style="background: url(http://mrmrs.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;">
2930
<div class="fl pa3 pa4-ns bg-white black-70 measure-narrow f3 times">
@@ -46,6 +47,7 @@ <h4 class="f3 fw4 i lh-title mt0">Siem Reap, Cambodia</h4>
4647
</div>
4748
</article>
4849

50+
</div>
4951
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
5052
<h1 class="f4 f3-ns mt4">Full Bleed Background</h1>
5153
<div class="cf">

‎components/articles/full-bleed-background/screenshot.jpg

28.2 KB
Loading

‎components/articles/headline-title-text/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
27+
<div data-name="component-container">
2728
<article class="pa3 pa5-ns">
2829
<h1 class="f3 f1-m f-headline-l">Title</h1>
2930
<p class="measure lh-copy">
@@ -40,6 +41,7 @@ <h1 class="f3 f1-m f-headline-l">Title</h1>
4041
</p>
4142
</article>
4243

44+
</div>
4345
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
4446
<h1 class="f4 f3-ns mt4">Headline Title Text</h1>
4547
<div class="cf">

‎components/articles/headline-title-text/screenshot.jpg

38.5 KB
Loading

0 commit comments

Comments
 (0)