From d5ac70dee3aa425567efb45bb7862f94a1dce711 Mon Sep 17 00:00:00 2001 From: Ryan Meinzer Date: Wed, 22 Jan 2020 10:48:41 -0800 Subject: [PATCH 01/34] first draft --- css/index.css | 137 +++++++++++++++++++++++++++++++++++++++++++++++- index.html | 2 +- less/index.less | 5 +- 3 files changed, 140 insertions(+), 4 deletions(-) diff --git a/css/index.css b/css/index.css index 7dd97920d..cdd2c0270 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,136 @@ -/* Compile your LESS file! */ \ No newline at end of file +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; + border: 1px solid red; +} +html, +body { + height: 100%; +} diff --git a/index.html b/index.html index a7f9e3ad1..11bbc084a 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,6 @@ -

My Resume

+

My Resume Man

\ No newline at end of file diff --git a/less/index.less b/less/index.less index 191ce142e..27958f218 100644 --- a/less/index.less +++ b/less/index.less @@ -19,7 +19,7 @@ menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; - border: 0; + // border: 0; font-size: 100%; font: inherit; vertical-align: baseline; @@ -50,7 +50,8 @@ table { /* Set every element's box-sizing to border-box */ * { - box-sizing: border-box; + box-sizing: border-box; + border: 1px solid red; } html, body { From b33a441c62a44ae9916b7bebacd4357579f0c5d1 Mon Sep 17 00:00:00 2001 From: Ryan Meinzer Date: Wed, 22 Jan 2020 14:00:37 -0800 Subject: [PATCH 02/34] almost done --- css/index.css | 69 +++++++++++++++++++++++++++++++- index.html | 63 +++++++++++++++++++++++++++++- less/index.less | 102 +++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 231 insertions(+), 3 deletions(-) diff --git a/css/index.css b/css/index.css index cdd2c0270..63f718954 100644 --- a/css/index.css +++ b/css/index.css @@ -128,9 +128,76 @@ table { /* Set every element's box-sizing to border-box */ * { box-sizing: border-box; - border: 1px solid red; + font-size: 62.5%; + border: 1px solid black; } html, body { height: 100%; } +@font-face { + font-family: 'Noto Sans TC'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'), url(https://fonts.gstatic.com/s/notosanstc/v9/-nF7OG829Oofr2wohFbTp9i1OCEJ.otf) format('opentype'); +} +a { + color: #D4AC0D; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +body { + font-family: 'Noto Sans TC', sans-serif; +} +p { + font-size: 1.5rem; + display: flex; + margin: 20px auto; +} +h1 { + font-size: 3rem; + color: #4A235A; +} +h2 { + font-size: 2rem; + color: #4A235A; +} +h3 { + font-size: 1rem; +} +header { + margin: 40px auto; + display: flex; + justify-content: center; +} +nav { + font-size: 2rem; + color: #D4AC0D; + display: flex; + width: 80%; + justify-content: space-evenly; + margin: 20px auto; +} +.Intro-section p { + font-weight: bold; +} +.PlaySay-section, +.Salesforce-section { + display: flex; + flex-direction: column; + text-align: left; + margin: 20px auto; +} +.Lambda-section { + margin: 20px auto; +} +.contact-me p { + font-size: 2rem; +} +footer { + display: flex; + justify-content: center; +} diff --git a/index.html b/index.html index 11bbc084a..625fb1311 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,67 @@ -

My Resume Man

+ +
+

Ryan Meinzer

+
+
+ +
+
+

At PlaySay, I built a #1 ranked iPhone App that was acquired by Babbel. At Salesforce, I was the #1 ranked Sales rep. Now at Lambda, I'm learning full stack engineering to get the 'tech trifecta' of Sales, Product and Engineering under my toolbelt.

+
+
+
+

PlaySay

+

+ ⭐ "Making learning a language fun" - The Wall Street Journal + ⭐ "An educational/business force to be reckoned with" - TechCrunch + ⭐ "Enabling a conversational language learning experience" - The New York Times + ⭐ "New & Noteworthy" - The Apple App Store + + ► Generated recurring revenue, increased valuation of the business to $2M then sold to Babbel + + • Raised $800K in VC from the most active VC in the Education space of the USA + • Closed enterprise deals with McGraw-Hill, HarperCollins and 30 universities + • Oversaw key vertical analysis and P&L to ultimately increase repeat purchases by 200% YoY + • Captured 18% of target market in Japan via SEO, page optimization and SEM with a 60% ROI + • Directed marketing, advertising, promotion and PR to acquire 100K users + • Launched as TechCrunch Disrupt Finalists with 3K attendees and 250K online viewers (video below) + • Led strategy, product development and launch of a #1 ranked iPhone app in USA & 10 countries +

+
+
+
+

Salesforce

+

+ ► Attained >200% of quota and ranked the #1 sales representative of 3 - 15 person ramped team from 2013 - 2015 (Salesforce's Heroku Division) + + 👑 #1 ranked rep of the 15 person ramped team Q1 & Q2 of 2015 (210% annualized quota) + 👑 #1 ranked rep of the 15 person ramped team of 2014 (287% quota) + 🏆 Voted the MVP of 2014 by the 15 person ramped team + 👑 #1 ranked rep of the three person ramped team of 2013 (202% quota) + + • Attained 210% of annualized quota in 2015, 287% of quota in 2014 and 202% of quota in 2013 + • Developed, sold and supported products with cross-functional teams including runtime, routing, API, languages, data services, security, operations, partners, enterprise, marketing and support + • Continually improved sales process through multivariate testing of my gamification techniques that increased customers' probability of implementing my technical optimization advice by 130%. + • Clients included the President's barackobama.com, Facebook's internet.org, BitTorrent's P2P network, Pebble's smartwatch, Snoop Dogg's merryjane.com and Citrix's GoToMeeting +

+
+
+
+

Lambda

+

Now at Lambda, I'm learning full stack engineering to get the 'tech trifecta' of Sales, Product and Engineering under my toolbelt.

+
+
+
+

© Ryan Meinzer 2020

+
+ \ No newline at end of file diff --git a/less/index.less b/less/index.less index 27958f218..bf2b0ae47 100644 --- a/less/index.less +++ b/less/index.less @@ -51,10 +51,110 @@ table { /* Set every element's box-sizing to border-box */ * { box-sizing: border-box; - border: 1px solid red; + font-size: 62.5%; + border: 1px solid black; } html, body { height: 100%; } +@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap'); + +//variables + +@main-font: 'Noto Sans TC', sans-serif; +@h1-color: #4A235A; +@h2-color: #4A235A; +@nav-color: #D4AC0D; + +//end variables + +//mix-ins + +.center(){ + display: flex; + justify-content: center; +} + +.margin(){ + display: flex; + margin: 20px auto; +} + +.content-margin(){ + display: flex; + flex-direction: column; + text-align: left; + margin: 20px auto; +} + +//end mix-ins + +a { + color: @nav-color; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +body { + font-family: @main-font; +} + +p { + font-size: 1.5rem; + .margin(); +} + +h1 { + font-size: 3rem; + color: @h1-color; + +} + +h2 { + font-size: 2rem; + color: @h2-color; +} + +h3 { + font-size: 1rem; +} + +header { + display: flex; + margin: 40px auto; + .center(); +} + +nav { + font-size: 2rem; + color: @nav-color; + display: flex; + width: 80%; + justify-content: space-evenly; + margin: 20px auto; +} + +.Intro-section p { + font-weight: bold; +} + +.PlaySay-section, .Salesforce-section { + .content-margin(); +} + +.Lambda-section { + margin: 20px auto; +} + +.contact-me p { + font-size: 2rem; +} + +footer { + .center(); +} \ No newline at end of file From e7a035c9c3840c5b9c365aac0b81f8412d2acc84 Mon Sep 17 00:00:00 2001 From: Ryan Meinzer Date: Wed, 22 Jan 2020 14:34:45 -0800 Subject: [PATCH 03/34] almost done --- css/index.css | 24 +++++++++++++++++++++++- index.html | 2 +- less/index.less | 23 +++++++++++++++++++++-- 3 files changed, 45 insertions(+), 4 deletions(-) diff --git a/css/index.css b/css/index.css index 63f718954..4b31820cd 100644 --- a/css/index.css +++ b/css/index.css @@ -129,7 +129,6 @@ table { * { box-sizing: border-box; font-size: 62.5%; - border: 1px solid black; } html, body { @@ -173,6 +172,12 @@ header { display: flex; justify-content: center; } +@media (max-width: 500px) { + header { + display: flex; + margin: 10px auto; + } +} nav { font-size: 2rem; color: #D4AC0D; @@ -181,6 +186,23 @@ nav { justify-content: space-evenly; margin: 20px auto; } +@media (max-width: 500px) { + nav { + display: flex; + flex-direction: column; + align-items: center; + border-bottom: 1px solid gray; + } +} +@media (max-width: 500px) { + nav a { + display: flex; + border-top: 1px solid gray; + width: 100%; + justify-content: center; + margin: 5px auto; + } +} .Intro-section p { font-weight: bold; } diff --git a/index.html b/index.html index 625fb1311..48236a702 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ My Resume - + diff --git a/less/index.less b/less/index.less index bf2b0ae47..c44c70e30 100644 --- a/less/index.less +++ b/less/index.less @@ -52,7 +52,7 @@ table { * { box-sizing: border-box; font-size: 62.5%; - border: 1px solid black; + // border: 1px solid black; } html, body { @@ -112,7 +112,6 @@ p { h1 { font-size: 3rem; color: @h1-color; - } h2 { @@ -128,6 +127,10 @@ header { display: flex; margin: 40px auto; .center(); + @media (max-width: 500px) { + display: flex; + margin: 10px auto; + }//closes media query for header } nav { @@ -137,6 +140,22 @@ nav { width: 80%; justify-content: space-evenly; margin: 20px auto; + @media (max-width: 500px) { + display: flex; + flex-direction: column; + align-items: center; + border-bottom: 1px solid gray; + }//closes media query for nav +} + +nav a { + @media (max-width: 500px) { + display: flex; + border-top: 1px solid gray; + width: 100%; + justify-content: center; + margin: 5px auto; + } } .Intro-section p { From 4afb85b29d573137e494762cc9ed940d1b7e4f3c Mon Sep 17 00:00:00 2001 From: Ryan Meinzer Date: Wed, 22 Jan 2020 14:49:49 -0800 Subject: [PATCH 04/34] nearly done --- css/index.css | 9 ++++----- index.html | 1 + less/index.less | 12 ++++++------ 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/css/index.css b/css/index.css index 4b31820cd..4232299cf 100644 --- a/css/index.css +++ b/css/index.css @@ -154,15 +154,17 @@ body { p { font-size: 1.5rem; display: flex; - margin: 20px auto; + margin: 30px 30px; + line-height: 1.3; } h1 { - font-size: 3rem; + font-size: 3.5rem; color: #4A235A; } h2 { font-size: 2rem; color: #4A235A; + margin: 0 30px; } h3 { font-size: 1rem; @@ -203,9 +205,6 @@ nav { margin: 5px auto; } } -.Intro-section p { - font-weight: bold; -} .PlaySay-section, .Salesforce-section { display: flex; diff --git a/index.html b/index.html index 48236a702..e0901588e 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@

Ryan Meinzer

Lambda Contact +

At PlaySay, I built a #1 ranked iPhone App that was acquired by Babbel. At Salesforce, I was the #1 ranked Sales rep. Now at Lambda, I'm learning full stack engineering to get the 'tech trifecta' of Sales, Product and Engineering under my toolbelt.

diff --git a/less/index.less b/less/index.less index c44c70e30..a4a86a583 100644 --- a/less/index.less +++ b/less/index.less @@ -79,7 +79,7 @@ html, body { .margin(){ display: flex; - margin: 20px auto; + margin: 30px 30px; } .content-margin(){ @@ -107,16 +107,18 @@ body { p { font-size: 1.5rem; .margin(); + line-height: 1.3; } h1 { - font-size: 3rem; + font-size: 3.5rem; color: @h1-color; } h2 { font-size: 2rem; color: @h2-color; + margin: 0 30px; } h3 { @@ -140,6 +142,7 @@ nav { width: 80%; justify-content: space-evenly; margin: 20px auto; + // for Mobile under 500px @media (max-width: 500px) { display: flex; flex-direction: column; @@ -148,6 +151,7 @@ nav { }//closes media query for nav } +// for Mobile under 500px nav a { @media (max-width: 500px) { display: flex; @@ -158,10 +162,6 @@ nav a { } } -.Intro-section p { - font-weight: bold; -} - .PlaySay-section, .Salesforce-section { .content-margin(); } From 5be88a4d85465bf05b668df84bb0b8b9b029621d Mon Sep 17 00:00:00 2001 From: Ryan Meinzer Date: Wed, 22 Jan 2020 15:03:07 -0800 Subject: [PATCH 05/34] final --- index.html | 48 ++++++++++++++++++++++++------------------------ 1 file changed, 24 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index e0901588e..06441bfc7 100644 --- a/index.html +++ b/index.html @@ -34,20 +34,18 @@

Ryan Meinzer

PlaySay

- ⭐ "Making learning a language fun" - The Wall Street Journal - ⭐ "An educational/business force to be reckoned with" - TechCrunch - ⭐ "Enabling a conversational language learning experience" - The New York Times - ⭐ "New & Noteworthy" - The Apple App Store - - ► Generated recurring revenue, increased valuation of the business to $2M then sold to Babbel - - • Raised $800K in VC from the most active VC in the Education space of the USA - • Closed enterprise deals with McGraw-Hill, HarperCollins and 30 universities - • Oversaw key vertical analysis and P&L to ultimately increase repeat purchases by 200% YoY - • Captured 18% of target market in Japan via SEO, page optimization and SEM with a 60% ROI - • Directed marketing, advertising, promotion and PR to acquire 100K users - • Launched as TechCrunch Disrupt Finalists with 3K attendees and 250K online viewers (video below) - • Led strategy, product development and launch of a #1 ranked iPhone app in USA & 10 countries + ⭐ "Making learning a language fun" - The Wall Street Journal
+ ⭐ "An educational/business force to be reckoned with" - TechCrunch
+ ⭐ "Enabling a conversational language learning experience" - The New York Times
+ ⭐ "New & Noteworthy" - The Apple App Store
+

► Generated recurring revenue, increased valuation of the business to $2M then sold to Babbel

+

• Raised $800K in VC from the most active VC in the Education space of the USA
+ • Closed enterprise deals with McGraw-Hill, HarperCollins and 30 universities
+ • Oversaw key vertical analysis and P&L to ultimately increase repeat purchases by 200% YoY
+ • Captured 18% of target market in Japan via SEO, page optimization and SEM with a 60% ROI
+ • Directed marketing, advertising, promotion and PR to acquire 100K users
+ • Launched as TechCrunch Disrupt Finalists with 3K attendees and 250K online viewers (video below)
+ • Led strategy, product development and launch of a #1 ranked iPhone app in USA & 10 countries

@@ -55,22 +53,24 @@

PlaySay

Salesforce

► Attained >200% of quota and ranked the #1 sales representative of 3 - 15 person ramped team from 2013 - 2015 (Salesforce's Heroku Division) - - 👑 #1 ranked rep of the 15 person ramped team Q1 & Q2 of 2015 (210% annualized quota) - 👑 #1 ranked rep of the 15 person ramped team of 2014 (287% quota) - 🏆 Voted the MVP of 2014 by the 15 person ramped team +

+

+ 👑 #1 ranked rep of the 15 person ramped team Q1 & Q2 of 2015 (210% annualized quota)
+ 👑 #1 ranked rep of the 15 person ramped team of 2014 (287% quota)
+ 🏆 Voted the MVP of 2014 by the 15 person ramped team
👑 #1 ranked rep of the three person ramped team of 2013 (202% quota) - - • Attained 210% of annualized quota in 2015, 287% of quota in 2014 and 202% of quota in 2013 - • Developed, sold and supported products with cross-functional teams including runtime, routing, API, languages, data services, security, operations, partners, enterprise, marketing and support - • Continually improved sales process through multivariate testing of my gamification techniques that increased customers' probability of implementing my technical optimization advice by 130%. - • Clients included the President's barackobama.com, Facebook's internet.org, BitTorrent's P2P network, Pebble's smartwatch, Snoop Dogg's merryjane.com and Citrix's GoToMeeting +

+

+ • Attained 210% of annualized quota in 2015, 287% of quota in 2014 and 202% of quota in 2013
+ • Developed, sold and supported products with cross-functional teams including runtime, routing, API, languages, data services, security, operations, partners, enterprise, marketing and support
+ • Continually improved sales process through multivariate testing of my gamification techniques that increased customers' probability of implementing my technical optimization advice by 130%.
+ • Clients included the President's barackobama.com, Facebook's internet.org, BitTorrent's P2P network, Pebble's smartwatch, Snoop Dogg's merryjane.com and Citrix's GoToMeeting

Lambda

-

Now at Lambda, I'm learning full stack engineering to get the 'tech trifecta' of Sales, Product and Engineering under my toolbelt.

+

Now at Lambda, I'm learning full stack engineering to get the 'tech trifecta' of Product, Sales and Engineering under my toolbelt.