html-me-something/index.html at master · ikeofkc/html-me-something · 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
78
79
80
81
82
83
84
85
86
87
88
89
<html>
    <head>
        <title>Lie behind the myth</title>
        <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
        <header>
        <a href="./morestories.html"> 	&lt;	&lt;  More stories (this goes nowhere)</a>
        </header>
        <main>
            <section class="titlebox">
                <h1>Man from Nantucket, MD</h1>
            </section>

            <section>
                <div class="round-box left">
                    <img src="./images/thinking.jpg">
                </div>
                <article>
                <h2>The Epiphany</h2>
                    <p>
                        There once was a man from Nantucket. He was a small man with big pants to fill. He had just taken over as CEO of Self-Service Solutions LLC, a company speciallizing in robotic solutions for sole proprietorships.  One day, the man thought, "What if I could extend myself, not just augment my abilities. What if I was more than a short, thin, engineer in Massachusetts."  He wanted to be able to do what he wanted by himself. No more would he need help from a colleague, or at times a team. So he set to work on shifting the company to incorporate biological enhancement solutions...
                    </p>
                </article>

            </section>
            <section>
                <div class="round-box right">
                    <img src="./images/pad.jpg">
                </div>

                <article>
                <h2>The planning</h2>
                    <p>
                        In his mind, he had all kinds of enhancements in mind. He began to jot them down in his note pad, dividing his ideas, for both mind and body. Being business centered, he didn't want to enhance everything all at once, so he would make small enhancements that target small adjustments. For the mind his ideas were:
                        <ul>
                            <li>Enhanced memory</li>
                            <li>Enhanced read speed</li>
                            <li>Enhanced ability to come up with better ideas for assignments.</li>
                        </ul>
                        <p>For the body, his ideas were:</p>
                        <ul>
                            <li>Longer limbs</li>
                            <li>Thicker, meatier limbs</li>
                            <li>Enhance performance duration</li>
                            <li>Enhanced lung capacity</li>
                        </ul>
                    </p>
                </article>
            </section>

            <section>
                <div class="round-box left">
                    <img src="./images/research.jpg">
                </div>
                <article>
                <h2>The Research</h2>
                    <p>
                        The man directed the whole company to research biological enhancements from simple nutrient solutions to CRISPR gene editing solutions. As the team made further progress, the man became more of a recluse in his office. One day he sent out a memo that everyone was being laid off effective immediately.
                    </p>
                </article>
            </section>

            <section id="longer-section">
                <div class="round-box-tall right">
                    <img src="./images/light.jpg">
                </div>
                <article>
                <h2>The Aftermath</h2>
                    <p>
                        The employees assumed that the company was being liquidated, but that was not the case.  Lights from his office could still be seen from the outside months later. Some say they could hear ghostly moans from outside.  What was happening in the building?  Rumors and stories still plague Nantucket, MA today.
                    </p>
                </article>

            </section>

        </main>
    </body>

<footer>
    <em>
    <p>&copy; Ike Ah-Loe 2020</p>
    <p>email: <a href="mailto:ike@ahloe.com">ike@ahloe.com</a></p>
    </em>
</footer>
</html>