trwiley.github.io/about.html at master · trwiley/trwiley.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
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>uncool's hideout</title>
        <link href="style.css" rel="stylesheet" type="text/css" media="all">
        <style>
            @media (max-width: 900px){
                .main-content-section{
                    box-sizing: border-box;
                    width: 90%;
                }
            }

            @media (max-width: 600px){
                h1{
                    font-size: 36px;
                    line-height: 1.1;
                }
                .main-content-section{
                    width: 100%;
                    padding: 18px;
                    font-size: 18px;
                    line-height: 1.5;
                    overflow-wrap: anywhere;
                }
                .icon-align > img{
                    max-width: 100%;
                    height: auto;
                }
            }
        </style>
    </head>
    <body>
        <h1 style="text-align: center; color:aliceblue;">About</h1>
        <div class="content-container">
            <div class="content main-content-section">
                <p>Taylor Wiley is an IT professional and artist who experiments in different analog and digital mediums.
                    She is inspired by things such as, but not limited to: retro video and computer games (the more obscure the better),
                    80s and 90s anime, weird thrift store finds, endless music rabbit holes, and random art books found in libraries and local bookstores.
                    She currently splits her time between South Bend, Indiana and the Kalamazoo, Michigan area. </p>
                    <a href="index.html" style="margin-top: 24px;">HOME</a>
            </div>
        </div>
        <div class="icon-align">
            <img src="img/lemon.png" alt="image of a lemon headed character"/>
        </div>
    </body>
</html>