@ -1987,6 +1987,15 @@ var app = (function () {
let a4 ;
let a4 ;
let button ;
let button ;
let link _action ;
let link _action ;
let t50 ;
let quote ;
let t51 ;
let a5 ;
let t53 ;
let a6 ;
let t55 ;
let a7 ;
let t57 ;
let current ;
let current ;
let mounted ;
let mounted ;
let dispose ;
let dispose ;
@ -2099,59 +2108,79 @@ var app = (function () {
a4 = element ( "a" ) ;
a4 = element ( "a" ) ;
button = element ( "button" ) ;
button = element ( "button" ) ;
button . textContent = "View The Demos" ;
button . textContent = "View The Demos" ;
attr _dev ( h10 , "class" , "svelte-1bhnwkb" ) ;
t50 = space ( ) ;
add _location ( h10 , file$1 , 36 , 0 , 544 ) ;
quote = element ( "quote" ) ;
add _location ( b0 , file$1 , 37 , 68 , 630 ) ;
t51 = text ( "This website is a learning project by Zed A. Shaw, the author of many courses at " ) ;
add _location ( b1 , file$1 , 37 , 87 , 649 ) ;
a5 = element ( "a" ) ;
add _location ( p0 , file$1 , 37 , 0 , 562 ) ;
a5 . textContent = "Learn Code the Hard Way" ;
attr _dev ( hero , "class" , "svelte-1bhnwkb" ) ;
t53 = text ( " and will hopefully result in a good CSS component to " ) ;
add _location ( hero , file$1 , 35 , 0 , 537 ) ;
a6 = element ( "a" ) ;
add _location ( hr0 , file$1 , 40 , 0 , 676 ) ;
a6 . textContent = "Learn JavaScript the Hard Way" ;
add _location ( h30 , file$1 , 44 , 4 , 706 ) ;
t55 = text ( ". If you find flaws in the reasoning or have suggestions for how to do it better, contact me " ) ;
a7 = element ( "a" ) ;
a7 . textContent = "@lzsthw on Twitter" ;
t57 = text ( " and get a special thank you in the credits of this site and the course." ) ;
attr _dev ( h10 , "class" , "svelte-1yhtz8t" ) ;
add _location ( h10 , file$1 , 45 , 0 , 725 ) ;
add _location ( b0 , file$1 , 46 , 68 , 811 ) ;
add _location ( b1 , file$1 , 46 , 87 , 830 ) ;
add _location ( p0 , file$1 , 46 , 0 , 743 ) ;
attr _dev ( hero , "class" , "svelte-1yhtz8t" ) ;
add _location ( hero , file$1 , 44 , 0 , 718 ) ;
add _location ( hr0 , file$1 , 49 , 0 , 857 ) ;
add _location ( h30 , file$1 , 53 , 4 , 887 ) ;
attr _dev ( a0 , "href" , "https://andybrewer.github.io/mvp/" ) ;
attr _dev ( a0 , "href" , "https://andybrewer.github.io/mvp/" ) ;
attr _dev ( a0 , "class" , "svelte-1bhnwkb" ) ;
attr _dev ( a0 , "class" , "svelte-1yhtz8t " ) ;
add _location ( a0 , file$1 , 46 , 36 , 801 ) ;
add _location ( a0 , file$1 , 55 , 36 , 982 ) ;
add _location ( p1 , file$1 , 46 , 4 , 769 ) ;
add _location ( p1 , file$1 , 55 , 4 , 950 ) ;
attr _dev ( aside0 , "class" , "svelte-1bhnwkb" ) ;
attr _dev ( aside0 , "class" , "svelte-1yhtz8t " ) ;
add _location ( aside0 , file$1 , 43 , 2 , 694 ) ;
add _location ( aside0 , file$1 , 52 , 2 , 875 ) ;
add _location ( h31 , file$1 , 51 , 4 , 949 ) ;
add _location ( h31 , file$1 , 60 , 4 , 1130 ) ;
attr _dev ( a1 , "href" , "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" ) ;
attr _dev ( a1 , "href" , "https://css-tricks.com/snippets/css/a-guide-to-flexbox/" ) ;
attr _dev ( a1 , "class" , "svelte-1bhnwkb" ) ;
attr _dev ( a1 , "class" , "svelte-1yhtz8t " ) ;
add _location ( a1 , file$1 , 53 , 13 , 1025 ) ;
add _location ( a1 , file$1 , 62 , 13 , 1206 ) ;
attr _dev ( a2 , "href" , "https://css-tricks.com/snippets/css/complete-guide-grid/" ) ;
attr _dev ( a2 , "href" , "https://css-tricks.com/snippets/css/complete-guide-grid/" ) ;
attr _dev ( a2 , "class" , "svelte-1bhnwkb" ) ;
attr _dev ( a2 , "class" , "svelte-1yhtz8t " ) ;
add _location ( a2 , file$1 , 53 , 95 , 1107 ) ;
add _location ( a2 , file$1 , 62 , 95 , 1288 ) ;
add _location ( p2 , file$1 , 53 , 4 , 1016 ) ;
add _location ( p2 , file$1 , 62 , 4 , 1197 ) ;
attr _dev ( aside1 , "class" , "svelte-1bhnwkb " ) ;
attr _dev ( aside1 , "class" , "svelte-1yhtz8t " ) ;
add _location ( aside1 , file$1 , 50 , 2 , 937 ) ;
add _location ( aside1 , file$1 , 59 , 2 , 1118 ) ;
add _location ( h32 , file$1 , 57 , 4 , 1275 ) ;
add _location ( h32 , file$1 , 66 , 4 , 1456 ) ;
add _location ( p3 , file$1 , 59 , 4 , 1348 ) ;
add _location ( p3 , file$1 , 68 , 4 , 1529 ) ;
add _location ( aside2 , file$1 , 5 6, 2 , 1263 ) ;
add _location ( aside2 , file$1 , 65 , 2 , 1444 ) ;
add _location ( section0 , file$1 , 42 , 0 , 682 ) ;
add _location ( section0 , file$1 , 51 , 0 , 863 ) ;
add _location ( h11 , file$1 , 68 , 2 , 1546 ) ;
add _location ( h11 , file$1 , 77 , 2 , 1727 ) ;
add _location ( section1 , file$1 , 6 7, 0 , 1534 ) ;
add _location ( section1 , file$1 , 76 , 0 , 171 5 ) ;
add _location ( b2 , file$1 , 75 , 13 , 1890 ) ;
add _location ( b2 , file$1 , 84 , 13 , 2071 ) ;
add _location ( p4 , file$1 , 71 , 0 , 1579 ) ;
add _location ( p4 , file$1 , 80 , 0 , 1760 ) ;
add _location ( p5 , file$1 , 79 , 0 , 2033 ) ;
add _location ( p5 , file$1 , 88 , 0 , 2214 ) ;
add _location ( pre0 , file$1 , 83 , 4 , 2099 ) ;
add _location ( pre0 , file$1 , 92 , 4 , 228 0 ) ;
add _location ( aside3 , file$1 , 82 , 2 , 2087 ) ;
add _location ( aside3 , file$1 , 91 , 2 , 2268 ) ;
add _location ( section2 , file$1 , 81 , 0 , 2075 ) ;
add _location ( section2 , file$1 , 90 , 0 , 2256 ) ;
add _location ( p6 , file$1 , 93 , 0 , 2231 ) ;
add _location ( p6 , file$1 , 102 , 0 , 2412 ) ;
add _location ( pre1 , file$1 , 97 , 4 , 2326 ) ;
add _location ( pre1 , file$1 , 106 , 4 , 2507 ) ;
add _location ( aside4 , file$1 , 96 , 2 , 231 4 ) ;
add _location ( aside4 , file$1 , 105 , 2 , 2495 ) ;
add _location ( section3 , file$1 , 95 , 0 , 2302 ) ;
add _location ( section3 , file$1 , 104 , 0 , 248 3 ) ;
add _location ( hr1 , file$1 , 105 , 0 , 2399 ) ;
add _location ( hr1 , file$1 , 114 , 0 , 2580 ) ;
attr _dev ( a3 , "href" , "https://twitter.com/lzsthw" ) ;
attr _dev ( a3 , "href" , "https://twitter.com/lzsthw" ) ;
add _location ( a3 , file$1 , 108 , 107 , 2621 ) ;
add _location ( a3 , file$1 , 117 , 107 , 2802 ) ;
add _location ( p7 , file$1 , 107 , 2 , 2416 ) ;
add _location ( p7 , file$1 , 116 , 2 , 2597 ) ;
attr _dev ( button , "id" , "demo-link" ) ;
attr _dev ( button , "id" , "demo-link" ) ;
attr _dev ( button , "class" , "svelte-1bhnwkb " ) ;
attr _dev ( button , "class" , "svelte-1yhtz8t " ) ;
add _location ( button , file$1 , 110 , 28 , 2730 ) ;
add _location ( button , file$1 , 119 , 28 , 2911 ) ;
attr _dev ( a4 , "href" , "/demos" ) ;
attr _dev ( a4 , "href" , "/demos" ) ;
add _location ( a4 , file$1 , 110 , 2 , 2704 ) ;
add _location ( a4 , file$1 , 119 , 2 , 2885 ) ;
add _location ( section4 , file$1 , 106 , 0 , 2404 ) ;
add _location ( section4 , file$1 , 115 , 0 , 2585 ) ;
attr _dev ( rationale , "class" , "svelte-1bhnwkb" ) ;
attr _dev ( a5 , "href" , "https://learncodethehardway.org" ) ;
add _location ( rationale , file$1 , 66 , 0 , 1522 ) ;
add _location ( a5 , file$1 , 123 , 81 , 3063 ) ;
attr _dev ( a6 , "href" , "https://learnjsthehardway.com/" ) ;
add _location ( a6 , file$1 , 123 , 204 , 3186 ) ;
attr _dev ( a7 , "href" , "https://twitter.com/lzsthw" ) ;
add _location ( a7 , file$1 , 123 , 372 , 3354 ) ;
attr _dev ( quote , "class" , "svelte-1yhtz8t" ) ;
add _location ( quote , file$1 , 122 , 0 , 2974 ) ;
attr _dev ( rationale , "class" , "svelte-1yhtz8t" ) ;
add _location ( rationale , file$1 , 75 , 0 , 1703 ) ;
} ,
} ,
l : function claim ( nodes ) {
l : function claim ( nodes ) {
throw new Error ( "options.hydrate only works if the component was compiled with the `hydratable: true` option" ) ;
throw new Error ( "options.hydrate only works if the component was compiled with the `hydratable: true` option" ) ;
@ -2230,6 +2259,15 @@ var app = (function () {
append _dev ( section4 , t48 ) ;
append _dev ( section4 , t48 ) ;
append _dev ( section4 , a4 ) ;
append _dev ( section4 , a4 ) ;
append _dev ( a4 , button ) ;
append _dev ( a4 , button ) ;
append _dev ( rationale , t50 ) ;
append _dev ( rationale , quote ) ;
append _dev ( quote , t51 ) ;
append _dev ( quote , a5 ) ;
append _dev ( quote , t53 ) ;
append _dev ( quote , a6 ) ;
append _dev ( quote , t55 ) ;
append _dev ( quote , a7 ) ;
append _dev ( quote , t57 ) ;
current = true ;
current = true ;
if ( ! mounted ) {
if ( ! mounted ) {