beck_port/index.html at master · rebecca-pete/beck_port · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Rebecca Peterson Portfolio Website</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
        <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" /> -->

        <script src="https://kit.fontawesome.com/f6824ea593.js" crossorigin="anonymous"></script>
        <link href="https://fonts.googleapis.com/css?family=Lora:400,700|Roboto+Slab:400,700&display=swap" rel="stylesheet">

        <link rel="stylesheet" href="css/style.css">

    </head>
    <body>
        <header>
            <button class="nav-toggle" aria-label="toggle navigation">
                <span class="hamburger"></span>
            </button>
            <nav class="nav">
                <ul class="nav__list">
                    <li class="nav__item"><a href="#about" class="nav__link">About me</a></li>
                    <li class="nav__item"><a href="portfolio-item-4.html" class="nav__link">Performances</a></li>
                    <li class="nav__item"><a href="notebook.html" class="nav__link">Tech projects</a></li>
                </ul>
            </nav>
        </header>


        <!--My Services-->
        <section class="my-services" width="6720" height="4480" id="services">
            <h2 class="section__title section__title--services">Rebecca Peterson, Soprano</h2>
            <div class="services">

                <div class="service">
                    <h3>Opera Singer</h3>
                    <p>Lyric soprano<br> &<br> theater performer.</p>
                </div> <!--service-->

                <div class="service">
                    <h3>Technical Writer</h3>
                    <p>Technical writer<br> at<br> Google.</p>
                </div> <!--service-->

                <div class="service">
                    <h3>Developer</h3>
                    <p>JavaScript<br> &<br> Python developer.</p>
                </div> <!--service-->

            </div> <!--services-->
        </section>

        <!-- About me  -->
        <section class="about-me" id="about">
            <h2 class="section__title section__title--about">Who I am</h2>
            <p class="section__subtitle section__subtitle--about">Opera Singer | Technical Writer | Developer </p>

            <div class="about-me__body">
                <p>Hello! My name is Rebecca Peterson. I am an opera singer, technical writer, and developer.</p>

                <h3>My work in tech</h3>

                <p>Previously, I worked as a producer building software training demonstrations for a Seattle startup. In 2019, I left my job to study coding full-time. I am a proud Code Fellows graduate (Certificate in JavaScript) and work as a technical writer for Google. I feel fortunate to work on a team of kind, smart, and empathetic individuals to deliver tools used by people all over the world. You can check out some of my work as a developer <a href="notebook.html">here</a>.</p>

                <h3>My work in music</h3>

                <p>I have an extensive background in music and theater (B.A. in Music, Jazz Studies minor, Bass, WSU). During my time as a Tour Actor & Director (TAD) with Missoula Children's Theatre, I helped to provide arts education to thousands of students in over 50 underserved communities across the US. As a TAD, I led hands-on learning experiences for students grades K-12 as a teaching artist for the touring production of <i>The Princess and the Pea</i>.</p>

                <p>As a jazz vocalist, I recorded my debut album <i><a href="https://www.amazon.com/Build-Dreams-Rebecca-Peterson-Wright/dp/B000SH3O8K">Build Your Dreams</a></i> with Seattle jazz guitarist Rik Wright.</p>

                <p>As a bassist, I've performed with the Yakima Symphony, Wenatchee Valley Symphony, and previously served as bass coach for the Icicle Creek Youth Symphony. While playing bass is not my focus these days, some of my most rewarding musical experiences happened while playing in an orchestra pit or jazz combo. The bass will always hold a special place in my heart.</p>

                <p>As an opera singer I've performed in the US, Cananda, and Italy. Credits include <i>Norma</i> (Clotilde, Norma cover) with Skagit Opera, <i>Don Giovanni</i> (Donna Elvira) with Toronto Summer Opera Workshop, <i>The Student Prince</i> (Princess Margaret, Kathie cover) with Icicle Creek Center for the Arts, <i>Die Zauberflöte</i> (Erste Dame) with the German Vocal Arts Institute, and <i>Orlando</i> (Dorinda) with the Opera Siena Young Artist Program.</p>

                <p>I've also performed in concert excerpts as Countess Almaviva (<i>Le nozze di Figaro</i>, Seattle Opera Guild previews), in the title role of <i>Anna Bolena</i> (Puget Sound Concert Opera previews), and as Rosalinde (<i>Die Fledermaus</i>, OperaWorks Advanced Artist Program). I was honored to perform in concert masterclass for internationally acclaimed soprano Deborah Voigt.</p>

                <p>I've also shared the stage with numerous drag, burlesque, and variety show performers and <a href="https://youtu.be/nI_JOHUItw0">love the opportunity to perform opera for new audiences</a>.</p>

                <p>Oh, and I love improv.</p>

                <h3>Music updates</h3>

                <p><ul><li>Listen on <a href="https://soundcloud.com/rebecca_peterson_soprano/caro-nome-clip-rebecca-peterson-1">SoundCloud</a></li>
                <li>Download my <a href="img/cv.pdf">CV</a></li>
                <li>Subscribe on <a href="https://www.youtube.com/channel/UCjZPCyMyw5TuqB5kjH1J-hw?sub_confirmation=1">YouTube</a></li>
                <li>Follow me on <a href="https://www.instagram.com/rebecca_soprano_/">Instagram</a></li>
                <li>Read about <a href="portfolio-item-4.html">performances</a></li>
                </ul></p>

                <h3>Contact me</h3>

                <p>Looking for a soprano for a studio project or live event?</p>

                <p>For booking inquiries, send me an <a href="mailto:rebecca.peterson.soprano@gmail.com">email</a>.</p>

            </div>
            <img src="img/Headshot.JPG" loading="lazy" alt="" width="3578" height="5367" class="about-me__img">
            <p class="photo__text">Photos courtesy of <a href="https://www.inspirebydanielle.com/">Danielle Barnum Photography</a>.</p>

       </section>


        <!--Footer-->
        <footer class="footer">
            <a href="mailto:rebecca.peterson.soprano@gmail.com" class="footer__link">rebecca.peterson.soprano@gmail.com</a>
            <ul class="social-list">
                <li class="social-list__item">
                    <a class="social-list__link" href="https://github.com/rebecca-pete">
                        <i class="fab fa-github"></i>
                    </a>
                </li>
                <li class="social-list__item">
                    <a class="social-list__link" href="https://twitter.com/rebecca_soprano">
                        <i class="fab fa-twitter"></i>
                    </a>
                </li>
                <li class="social-list__item">
                    <a class="social-list__link" href="https://soundcloud.com/rebecca_peterson_soprano/caro-nome-clip-rebecca-peterson-1">
                        <i class="fab fa-soundcloud"></i>
                    </a>
                </li>
            </ul>
        </footer>

        <script src="js/index.js"></script>

    </body>
</html>