Needed to remove via.placeholder from the thumbs.

master
Zed A. Shaw 4 years ago
parent 098a129d7e
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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -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>

@ -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>

@ -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>

@ -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>

@ -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