random-inspiration-picker/about.html at main · potherca-blog/random-inspiration-picker · 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
73
74
75
76
77
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="./main.css">
<style>
.card-container{
    display: block;
    margin: auto;
    position: relative;
    width: 40em;
}
.card {
    color: black;
    width: auto;
    height: auto;
    padding: 2em;
    display: inline-block;
    overflow: auto;
    font-size: 115%;
}

img {
    width: 50%;
}

img.pull-left {
    float: left;
    padding: 0.35em 1em 1em 0;
}

img.pull-right {
    float: right;
    padding: 0.35em 1em 1em 0;
}

</style>
<body class="card-container">
    <main class="card">
        <h1>About</h1>
        <p>
            One day (July the 16 2013 to be precise), I had a discussion about
            adding some more challenge to the drawing I would occasionally make.
        </p>
        <img class="pull-left" src="./11333766_874661742625656_937588652_n.jpg" />
        <p>
            After brainstorming all the various ways I could interact with the
            media I use to draw with, I wrote down all the things I did <em>least</em>
        </p>
        <p>
            For each of these things I made a small card. Now everytime I sat
            down to make a drawing I would randomly grab 3 cards from the stack.
            <!-- @TODO: Add picture of physical cards-->
        </p>
        <p style="clear:both;">
            When drawing I would try to adhere to those 3 challenges.
        </p>
        <p>
            There were, however, two main drawbacks to these cards.
            The first was that I could not use the cards if I did not have them
            on my person. The second was that cards were beginning to show their
            usage, becoming smudgy.
        </p>
        <p>
            <img class="pull-right" src="https://robohash.org/Potherca" />
            So I decided to make a digital version.
        </p>
    </main>

<footer class="created-by">
  <p>
    Source of this page is available on <a href="https://github.com/potherca/picker">Github</a> under a <a rel="license" href="https://spdx.org/licenses/GPL-3.0.html"
    >GPL-3.0+ License</a> &mdash; Created by <a href="http://pother.ca/" class="potherca">Potherca</a>
  </p>
</footer>

</body>

</html>