mbts8984.github.io/index.html at master · mbts8984/mbts8984.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="description" content="Maddie Morton's Portfolio Website" />
    <title>Maddie Morton</title>
    <link rel="stylesheet" href="./style.css" />
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/brands.js"
        integrity="sha384-rUOIFHM3HXni/WG5pzDhA1e2Js5nn4bWudTYujHbbI9ztBIxK54CL4ZNZWwcBQeD"
        crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/fontawesome.js"
        integrity="sha384-EMmnH+Njn8umuoSMZ3Ae3bC9hDknHKOWL2e9WJD/cN6XLeAN7tr5ZQ0Hx5HDHtkS"
        crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/regular.js"
        integrity="sha384-Uc9toywOA44owltk1MWl0lQZ+L0mBzJkLQcdif6+JtG9izvok9DLJtCZX57Uq3k2"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js" defer></script>
</head>

<body>
    <div class="container">
        <header>
            <h1 class="rainbow-letters">
                <span>M</span>
                <span>A</span>
                <span>D</span>
                <span>D</span>
                <span>I</span>
                <span>E</span>
                <span class="big-space">&nbsp;</span>
                <span>M</span>
                <span>O</span>
                <span>R</span>
                <span>T</span>
                <span>O</span>
                <span>N</span>
            </h1>
            <h2>
                Full Stack Developer & Pun Lover
            </h2>
            <h2>
                A Creative Engineer With A Passion For Design & People.
            </h2>
            <div class="social-links">
                <a href="https://www.instagram.com/mmorton614/">
                    <i class="fab fa-instagram" title="Instagram"></i>
                </a>
                <a href="https://www.linkedin.com/in/madeline-morton/">
                    <i class="fab fa-linkedin" title="LinkedIn"></i>
                </a>
                <a href="https://github.com/mbts8984">
                    <i class="fab fa-github" title="GitHub"></i>
                </a>
            </div>
            <hr />
        </header>
        <section class="about">
            <h2>About</h2>
            <p>
                Ex-opera singer, ex-marketing director, ex-life coach CEO, CMO & COO, ex-permaculture farmer.
                <br />
                Current: Full Stack Developer focused on bringing a human connection to the software world. Open to
                relocation someplace warmer. Nothing
                satisfies me more than connecting and developing relationships with people, solving problems, and
                helping to make my
                corner of the world a bit brighter. <br /> Always humming.
            </p>

            <p>
                When I'm not coding or working, I'm most likely to by
                <a href="https://www.instagram.com/p/BoX0Ukulbb6/" class="jungle">hiking </a>, camping,
                <a href="https://www.instagram.com/p/BvnXxVOhLW5/" class="liberty"> playing with my dogs </a>, or eating
                tasty
                <a href="https://www.instagram.com/p/BJVooxSB9kO/" class="sand"> food</a> (preferably
                <a href="https://giphy.com/gifs/wZFDT9CX56GULjt95d/html5" class="cerulian"> tacos</a>), reading a book,
                <a href="https://www.instagram.com/p/4ZsNZ_l4Fm/" class="tango"> biking </a>, or
                <a href="https://www.instagram.com/p/BoP7_RUlwSO/" class="red"> traveling </a>.

            </p>
            <p>
                Learn More <a
                    href="https://docs.google.com/document/d/1decEx6d7n85bbXguH87-ncxReWmz4vg7wf2Y4T8MXNs/edit?usp=sharing"
                    class="orchre"> Here </a>
            </p>
            <img src="./public/images/mmcirlceimg.png" alt="headshot" class="profilePic">
        </section>

        <section class="about">
            <h2>Projects</h2>
            <div class="aero">
                <h3><a href="https://github.com/mbts8984/AeroPaladin-Group-Project" class="cerulian">AeroPaladin</a>
                </h3>
                <div>
                    AeroPaladin is a full-stack application that helps general aviation pilots file the necessary flight
                    permission
                    documentation, an APIS (Advance Passenger Information System) when flying internationally. This
                    responsive web application gives the
                    pilot the ability to collect and save all their flight data (Crew Members, Aircraft Details,
                    Passengers and
                    Itinerary Information) to be reused on future flights. The updated APIS filing process is easier,
                    simpler, faster and designed to prevent mistakes.

                </div>
                <br />
            </div>
            <div class="dPW">
                <h3><a href="https://github.com/mbts8984/DogParkWell_Solo_Project" class="jungle">DogParkWell</a></h3>
                <div>
                    DogParkWell is a React-based networking platform for dog parents, using Redux for client-side data
                    storage and Redux
                    Sagas for making requests to the server. The application allows users to create and account, add
                    their dog(s), and find
                    and add other users as friends in their DogParkWell network. They can also create playdate events
                    that sends text
                    message alerts to their entire network to remind them of the event.

                </div>
                <br />
            </div>
            <div class="sagaMoodRing">
                <h3><a href="https://github.com/mbts8984/saga-mood-ring" class="liberty">Mood Ring Carousel</a></h3>
                <div>
                    Mood Ring is a React-based image carousel, using Redux for client-side data storage and Redux Sagas
                    for making requests
                    to the server. The application allows the user to scroll backward and forward through a continuous
                    loop of photos, see
                    associated tags for each one, and add tags for each one. The application does not rely on any
                    pre-built carousel
                    functionality.
                </div>
                <br />
            </div>


        </section>
        <section class="projects">
            <a href="https://github.com/mbts8984" style="color:#E76F51;">Always More on GitHub</a>
        </section>
        <section class="social-footer">
            <div class="social-links">
                <a href="https://www.instagram.com/mmorton614/">
                    <i class="fab fa-instagram" title="Instagram"></i>
                </a>
                <a href="https://www.linkedin.com/in/madeline-morton/">
                    <i class="fab fa-linkedin" title="LinkedIn"></i>
                </a>
                <a href="https://github.com/mbts8984">
                    <i class="fab fa-github" title="GitHub"></i>
                </a>
            </div>
        </section>
    </div>
    <script src="script.js"></script>
</body>

</html>