Browse Source

Needed to remove via.placeholder from the thumbs.

master
Zed A. Shaw 2 years ago
parent
commit
00beb80782
  1. 6
      public/build/bundle.css
  2. 16025
      public/build/bundle.js
  3. 2
      public/build/bundle.js.map
  4. 6
      src/Home.svelte
  5. 3
      src/thumbs/Google.svelte
  6. 5
      src/thumbs/Instagram.svelte
  7. 3
      src/thumbs/Pinterest.svelte
  8. 3
      src/thumbs/Youtube.svelte

6
public/build/bundle.css

File diff suppressed because one or more lines are too long

16025
public/build/bundle.js

File diff suppressed because one or more lines are too long

2
public/build/bundle.js.map

File diff suppressed because one or more lines are too long

6
src/Home.svelte

@ -37,7 +37,6 @@
padding: 1em;
font-style: italic;
background-color: var(--color-bg-secondary);
margin-top: 2em;
}
</style>
@ -120,8 +119,13 @@
<a href="/demos" use:link><button id="demo-link">View The Demos</button></a>
</section>
<hr>
<section>
<h2>Version 0.1 Notice</h2>
<quote>
This website is a learning project by Zed A. Shaw, the author of many courses at <a href="https://learncodethehardway.org">Learn Code the Hard Way</a> and will hopefully result in a good CSS component to <a href="https://learnjsthehardway.com/">Learn JavaScript the Hard Way</a>. If you find flaws in the reasoning or have suggestions for how to do it better, contact me <a href="https://twitter.com/lzsthw">@lzsthw on Twitter</a> and get a special thank you in the credits of this site and the course.
</quote>
</section>
</rationale>

3
src/thumbs/Google.svelte

@ -1,6 +1,7 @@
<script>
import { link } from 'svelte-spa-router';
import Icon from '../components/Icon.svelte';
import { holder } from '../../lib/imgholder.js';
</script>
<style>
@ -86,7 +87,7 @@
<figure>
<a href="/demos/google" use:link>
<img src="http://via.placeholder.com/500x200?text=Google+Doodle">
<img src="{ holder(500,200) }">
</a>
</figure>

5
src/thumbs/Instagram.svelte

@ -3,6 +3,7 @@
import Icon from '../components/Icon.svelte';
let pins = [1,2,3,4];
import { holder } from '../../lib/imgholder.js';
</script>
<style>
@ -85,7 +86,7 @@
<profile>
<figure>
<img alt="Zed's Face" src="http://via.placeholder.com/256x256?text=Zed's Face">
<img alt="Zed's Face" src="{ holder(256,256) }">
</figure>
<info>
@ -107,7 +108,7 @@
<pins>
{#each pins as pin}
<figure>
<img alt="Stock photo" src="http://via.placeholder.com/82x82?text=Story">
<img alt="Stock photo" src="{ holder(82,82) }">
</figure>
{/each}
</pins>

3
src/thumbs/Pinterest.svelte

@ -1,6 +1,7 @@
<script>
import Icon from '../components/Icon.svelte';
import { holder } from '../../lib/imgholder.js';
</script>
<style>
@ -120,7 +121,7 @@
</info>
<figure>
<img alt="Zed's Face" src="http://via.placeholder.com/128x128?text=Zed's Face">
<img alt="Zed's Face" src="{ holder(128,128) }">
</figure>
</profile>
</content>

3
src/thumbs/Youtube.svelte

@ -1,6 +1,7 @@
<script>
import Icon from '../components/Icon.svelte';
import { holder } from '../../lib/imgholder.js';
let cards = [1,2,3,4];
</script>
@ -90,7 +91,7 @@
<main>
<left>
<figure>
<img src="http://via.placeholder.com/800x450?text=Video">
<img src="{ holder(800,450) }">
<figcaption>
<a>#tag</a> <a>#anothertag</a>
<p>Title And Stuff</p>

Loading…
Cancel
Save