Erica42.github.io/old_index.html at master · Erica42/Erica42.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Spinning yarn!</title>
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body>
    <header>
      <a href="knitting.html">Knitting!</a>
    </header>
    <section class="pretty-words">
      <h1 id="spinning-title">Spinning, not just for Sleeping Beauty!</h1>
      <p>I dig spinning wheels. But mostly I dig the meditative and creative nature of spinning.</p>
      <p>You use fiber that is soft and delights the sense of touch.</p>
      <div>
        <img id="spindle" src="http://www.instructables.com/files/orig/FFS/AYJ9/G5KPAVIG/FFSAYJ9G5KPAVIG.jpg" alt ="wool and a spindle">
        <a class="source" href="http://www.instructables.com/id/spinning-yarn/">Source</a>
      </div>
      <p>You spin it on a wheel in a soothing repetitive motion (assuming your fiber is working with you).</p>
      <div>
        <img id="close-up" src="http://www.motherearthnews.com/~/media/Images/MEN/Editorial/Blogs/Homesteading%20and%20Livestock/Fleece%20to%20Yarn%20on%20the%20Farm/draftingandspinning.jpg?la=en&hash=0FBA6053828FC34E3091284A562EC10967944B41" alt= "close up of someone spinning on a wheel">
        <a class="source" href="http://www.motherearthnews.com/homesteading-and-livestock/fleece-to-yarn-on-the-farm">Source</a>
      </div>
      <p>(Be careful to take a break and stretch!) </p>
      <div>
        <img src="http://cdn.shopify.com/s/files/1/0891/1098/files/spinning-wool-peru_1024x1024.jpg?11561683585456563325" alt="Quechua weaver using drop spindle">
        <a class="source" href="http://threadsofperu.com/pages/the-art-artisans-alpaca-fiber-and-wool-process">Source</a>
      </div>
      <p>You can also spin on a spindle (but wheels are so much faster).</p>
      <p>This motion can be a form of meditation.</p>
    </section>
    <section>
      <h2>A table of yarn related things</h2>
      <table>
        <tr>
          <th>Yarn Name</th>
          <th>Ply</th>
          <th>Wraps per inch</th>
        </tr>
        <tr>
          <td>Cobweb</td>
          <td>1 ply</td>
          <td>NA</td>
        </tr>
        <tr>
          <td>Sport</td>
          <td>5 ply</td>
          <td>12 wpi</td>
        </tr>
        <tr>
          <td>Aran</td>
          <td>10 ply</td>
          <td>8 wpi</td>
        </tr>
      </table>
      <p>You can find a better table <a href="http://www.ravelry.com/help/yarn/weights">here</a>.</p>
    </section>
    <section>
      <h2>A list of reasons why twist is important:</h2>
      <ul>
        <li>It keeps the yarn from falling apart.</li>
        <li>It determines drape and strength.</li>
      </ul>
    </section>
    <section class="pretty-words">
      <h3>Links and commentary</h3>
      <p>You can learn a lot about fiber twist <a href="http://textilelearner.blogspot.com/2013/03/yarn-twist-relationship-between-yarn.html">here</a>. The information is cool, but the site seems too cluttered. I'm not a fan of the floating "like" bar or the sidebars. I understand they are there for add revenue, but I feel there are better ways to lay it out. For example <a href="http://www.ravelry.com/">Ravelry</a> has two ads on their home page but it is integrated nicely. And they are pretty pictures so add something to the design of the page rather than all clashing together.</p>
      <p>An interesting thing about Ravelry is that they are using all divs and not sections. I assume that this is because it was written before HTML5. I wonder if they are going to update their HTML, so that it would be more accessible.</p>
    </section>
    <footer>This is a test website. Don't mind me.</footer>
  </body>
</html>