gregmarra.github.io/index.html at master · gregmarra/gregmarra.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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="/css/grgmrr.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css" integrity="sha384-nRgPTkuX86pH8yjPJUAFuASXQSSl2/bBUiNV47vSYpKFxHJhbcrGnmlYpYJMeD7a" crossorigin="anonymous">

    <title>Greg Stanton Marra</title>
    <meta name="author" content="Greg Stanton Marra">
    <meta name="description" content="Greg Stanton Marra's world wide web site. Site best viewed in Netscape 3.0 and above. Webring. 12,177 hits.">

    <link rel="canonical" href="https://www.grgmrr.com/" />
    <link rel="shortcut icon" href="/favicon.ico">

    <meta property="og:description" content="Site best viewed in Netscape 3.0 and above. Webring. 12,177 hits.">
    <meta property="og:image" content="https://www.grgmrr.com/img/pink_profile_photo.jpg">
    <meta property="og:locale" content="en_US">
    <meta property="og:title" content="Greg Stanton Marra's world wide web site.">
    <meta property="og:type" content="website">
    <meta property="fb:admins" content="1086840001">

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Greg Stanton Marra",
      "givenName": "Greg",
      "additionalName": "Stanton",
      "familyName": "Marra",
      "alternateName": "Greg Marra",
      "url": "https://www.grgmrr.com",
      "image": "https://www.grgmrr.com/img/pink_profile_photo.jpg",
      "jobTitle": "Product Manager",
      "worksFor": {
        "@type": "Organization",
        "name": "Meta"
      },
      "alumniOf": {
        "@type": "CollegeOrUniversity",
        "name": "Olin College of Engineering"
      },
      "sameAs": [
        "https://www.facebook.com/gregmarra",
        "https://www.instagram.com/gregmarra",
        "https://www.threads.net/@gregmarra",
        "https://github.com/gregmarra"
      ]
    }
    </script>

    <!-- Google Analytics -->
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-8837840-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </head>

  <body>
    <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
      <div class="container">
        <a class="navbar-brand" href="#">Greg Stanton Marra</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <span class="navbar-text">
            <a href="https://www.facebook.com/gregmarra" rel="me"><i class="fab fa-facebook fa-lg"></i></a>
            <a href="https://www.instagram.com/gregmarra" rel="me"><i class="fab fa-instagram fa-lg"></i></a>
            <a href="https://www.threads.com/@gregmarra" rel="me"><i class="fab fa-threads fa-lg"></i></a>
            <a href="https://github.com/gregmarra/" rel="me"><i class="fab fa-github fa-lg"></i></a>
          </span>
        </div>
      </div>
    </nav>

    <div class="container" id="main">

      <div class="d-flex profile-photo mt-3">
        <img class="align-self-start rounded me-3" src="img/pink_profile_photo.jpg" alt="Greg Stanton Marra">
        <div>
          <h1 class="mt-0 h5">Hi! I'm Greg Marra.</h1>
          <p>I'm fascinated by how people use the internet to connect with each other</p>
          <p><a class="btn btn-primary" href="mailto:greg.marra@gmail.com">Email me</a></p>
        </div>
      </div>

      <hr>

      <div id="facts">
        <div class="row">
          <div class="col-lg">
            <h3>I make robots</h3>
            <p>I'm an engineer because some awesome mentors taught me how to build robots in high school</p>
            <p>Now I help <a href="https://www.thebluealliance.com">run a site</a> to support the <a href="https://www.firstinspires.org/">FIRST Robotics</a> community</p>
          </div>
          <div class="col-lg">
            <h3>I went to Olin College</h3>
            <p><a href="https://www.olin.edu/">Olin</a> is a 300 student engineering college outside Boston</p>
            <p>I learned how engineering, design, and entrepreneurship enable you to imagine what has never been and do whatever it takes to make it happen</p>
          </div>
          <div class="col-lg">
            <h3>I work at Meta</h3>
            <p>I've always been interested in how people connect through technology, so now I work on making that easier</p>
          </div>
        </div>
      </div>

      <hr>

      <h2 id="projects">Projects</h2>

      <div class="row row-cols-1 row-cols-md-3 g-3 mt-2">
        <div class="col">
          <div class="card h-100">
            <a href="https://www.facebook.com"><img class="card-img-top" src="img/project_news_feed_360x240.png" alt="Facebook Feed"></a>
            <div class="card-body">
              <h5 class="card-title">Facebook Feed</h5>
              <p class="card-text">Working to make Facebook Feed more interesting, better at helping people connect with friends and family, and become more informed about the world around them. Most of my work was on the Feed ranking algorithm and Feed Integrity trust and safety.</p>
              <a href="https://www.facebook.com" class="btn btn-light">See what&rsquo;s new &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="https://www.fbrpms.com"><img class="card-img-top" src="img/project_rpms_360x240.jpg" alt="Meta RPMs"></a>
            <div class="card-body">
              <h5 class="card-title">Meta RPM Program</h5>
              <p class="card-text">Helped build Meta's early career rotational product management program, growing hundreds of folks into be high impact PMs and building a strong community.</p>
              <a href="https://www.fbrpms.com" class="btn btn-light">Learn more &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="https://www.thebluealliance.com"><img class="card-img-top" src="img/project_tba_360x240.jpg" alt="The Blue Alliance"></a>
            <div class="card-body">
              <h5 class="card-title">The Blue Alliance</h5>
              <p class="card-text">Started and help manage volunteer developer community that runs video site to support the <a href="http://www.usfirst.org/">FIRST Robotics Competition</a> high-school STEM program. <a href="https://www.thebluealliance.com">The Blue Alliance</a> is a key part of the online FIRST community, with over 5,000,000 visits annually.</p>
              <a href="http://www.thebluealliance.com" class="btn btn-light">Visit site &raquo;</a> <a href="http://www.github.com/gregmarra/the-blue-alliance" class="btn btn-light">On GitHub &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="http://ca.olin.edu/2008/realboy/"><img class="card-img-top" src="img/project_socialbots_360x240.jpg" alt="Socialbots" /></a>
            <div class="card-body">
              <h5 class="card-title">Socialbots <small class="text-muted">2008</small></h5>
              <p class="card-text">At Olin College, built an <a href="http://ca.olin.edu/2008/realboy/">autonomous network of social robots</a>. Unsupervised, the bots convinced human users to follow them and reply emotionally to tweets.</p>
              <p class="card-text">Presented at <a href="http://gregmarra.tumblr.com/post/3881535261/gepettos-army" title="Socialbots at SXSW 2011">SXSW 2011</a>, <a href="http://civic.mit.edu/blog/amyj/and-now-for-something-completely-different-liveblog" title="Socialbots at MIT-Knight Civic Media 2012">MIT-Knight Civic Media 2012</a>, and <a href="http://schedule.sxsw.com/2013/events/event_IAP3526" title="Socialbots at SXSW 2013">SXSW 2013</a>.</p>
              <a href="http://ca.olin.edu/2008/realboy/" class="btn btn-light">Learn more &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="http://vimeo.com/12405733"><img class="card-img-top" src="img/project_gator_360x240.jpg" alt="Gator Self Driving Vehicle"></a>
            <div class="card-body">
              <h5 class="card-title">Off-Road Self Driving Car <small class="text-muted">2010</small></h5>
              <p class="card-text">Designed and built off-road robotics research platform for my <a href="http://scope.olin.edu" title="Olin SCOPE Projects">Olin capstone project</a>. The robot followed GPS waypoints with half meter accuracy while avoiding obstacles using LIDAR.</p>
              <a href="http://vimeo.com/12405733" class="btn btn-light">Watch video &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="http://twanslator.appspot.com"><img class="card-img-top" src="img/project_twanslator_360x240.jpg" alt="Twanslator" /></a>
            <div class="card-body">
              <h5 class="card-title">Twanslator <small class="text-muted">2009</small></h5>
              <p class="card-text">Ever wish you spoke another language so you could have more followers in Europe? Now you can! Twanslator watched your tweets and automatically reposted them in a foreign language.</p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <img class="card-img-top" src="img/project_yawnlog_360x240.jpg" alt="Yawnlog" />
            <div class="card-body">
              <h5 class="card-title">Yawnlog <small class="text-muted">2009</small></h5>
              <p class="card-text">Yawnlog was a website to help you track your sleep and compete for most/least with friends.</p>
              <p class="card-text">Featured on <a href="http://readwrite.com/2009/02/26/yawnlog_a_social_sleep_tracker">ReadWrite</a>, <a href="http://lifehacker.com/5450966/yawnlog-tracks-your-sleep-habits-helps-you-pinpoint-problems">Lifehacker</a>, and <a href="http://thenextweb.com/2009/02/25/track-sleep-yawnlog-kidding/">The Next Web</a></p>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="https://www.grgmrr.com/mural"><img class="card-img-top" src="img/project_mural_360x240.jpg" alt="Mural for Android" /></a>
            <div class="card-body">
              <h5 class="card-title">Mural <small class="text-muted">2009</small></h5>
              <p class="card-text"><a href="https://www.grgmrr.com/mural" title="Mural for Android">Mural</a> turned your Android phone's wallpaper into a social experience. Automatically post your phone's wallpaper to Facebook for your friends to see, and get suggestions from your friends for newer (better!) wallpapers than the one you have.</p>
              <a href="https://www.grgmrr.com/mural" class="btn btn-light">Learn more &raquo;</a>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card h-100">
            <a href="https://vimeo.com/11280262"><img class="card-img-top" src="img/project_pangaea_360x240.jpg" alt="Weasley Clock" /></a>
            <div class="card-body">
              <h5 class="card-title">Weasley Clock <small class="text-muted">2010</small></h5>
              <p class="card-text">In Harry Potter, Weasley family has a clock that points to where everyone in the family is. An Android phone, an Arduino, and a hobby servo get you pretty close</a>.</p>
              <a href="https://vimeo.com/11280262" class="btn btn-light">Watch video &raquo;</a>
            </div>
          </div>
        </div>
      </div>

      <hr>

      <footer>
        <p>site by <a href="/">me</a>, with <a href="https://getbootstrap.com/">bootstrap</a> and <a href="https://fontawesome.com/">font awesome</a></p>
      </footer>
    </div> <!-- /main -->


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

  </body>
</html>