diff --git a/site/_includes/implementation.html b/site/_includes/implementation.html index cba4d7d7..71c731e0 100644 --- a/site/_includes/implementation.html +++ b/site/_includes/implementation.html @@ -134,7 +134,10 @@

diff --git a/site/_sass/extra.scss b/site/_sass/extra.scss index 77df05c6..70bedb66 100644 --- a/site/_sass/extra.scss +++ b/site/_sass/extra.scss @@ -72,4 +72,49 @@ $primary-orange: #F4751E; animation: octocat-wave 560ms ease-in-out; } } +} + +.phone-outline { + padding: 3.5rem .5rem 3rem; + background-color: #111; + border-radius: 2rem; + position: relative; + + &:after { + content: ""; + position: absolute; + height: .25rem; + width: 33%; + top: 1.75rem; + background-color: #222; + left: 50%; + transform: translateX(-50%); + border-radius: .125rem; + } + + &:before { + content: ""; + position: absolute; + height: .5rem; + width: .5rem; + top: 1.65rem; + background-color: #222; + left: 20%; + transform: translateX(-50%); + border-radius: .25rem; + } + + img { + border-radius: 2px; + } +} + +.phone-outline-power { + position: absolute; + right: -.1rem; + top: 20%; + width: .3rem; + height: 3rem; + background-color: #000; + border-radius: .15rem; } \ No newline at end of file diff --git a/site/assets/images/angular-hacker-news-mobile.png b/site/assets/images/angular-hacker-news-mobile.png old mode 100755 new mode 100644 index 7fa7d187..f4cfaed4 Binary files a/site/assets/images/angular-hacker-news-mobile.png and b/site/assets/images/angular-hacker-news-mobile.png differ diff --git a/site/assets/images/angular-hn-pwa.png b/site/assets/images/angular-hn-pwa.png index 386a783c..5e516c28 100644 Binary files a/site/assets/images/angular-hn-pwa.png and b/site/assets/images/angular-hn-pwa.png differ diff --git a/site/assets/images/angular2hn-mobile.png b/site/assets/images/angular2hn-mobile.png index edd03fa6..8439f706 100644 Binary files a/site/assets/images/angular2hn-mobile.png and b/site/assets/images/angular2hn-mobile.png differ diff --git a/site/assets/images/ember-hn-mobile.png b/site/assets/images/ember-hn-mobile.png index 5585ba7a..3a2ad7a8 100644 Binary files a/site/assets/images/ember-hn-mobile.png and b/site/assets/images/ember-hn-mobile.png differ diff --git a/site/assets/images/ember-mobile.png b/site/assets/images/ember-mobile.png index db9164d7..45674408 100644 Binary files a/site/assets/images/ember-mobile.png and b/site/assets/images/ember-mobile.png differ diff --git a/site/assets/images/glimmer-hn-pwa.png b/site/assets/images/glimmer-hn-pwa.png index 0616cdb1..54ac880f 100644 Binary files a/site/assets/images/glimmer-hn-pwa.png and b/site/assets/images/glimmer-hn-pwa.png differ diff --git a/site/assets/images/hnpwa-firebase.png b/site/assets/images/hnpwa-firebase.png index 615f0a1b..6df51cea 100644 Binary files a/site/assets/images/hnpwa-firebase.png and b/site/assets/images/hnpwa-firebase.png differ diff --git a/site/assets/images/hnpwa-showcase.png b/site/assets/images/hnpwa-showcase.png index 2bb43cfb..32d134da 100644 Binary files a/site/assets/images/hnpwa-showcase.png and b/site/assets/images/hnpwa-showcase.png differ diff --git a/site/assets/images/hnpwa-vue.png b/site/assets/images/hnpwa-vue.png index 556bfe9b..f30d0faa 100644 Binary files a/site/assets/images/hnpwa-vue.png and b/site/assets/images/hnpwa-vue.png differ diff --git a/site/assets/images/mithril-hn-pwa.png b/site/assets/images/mithril-hn-pwa.png index 2802cd1c..614fd5c1 100644 Binary files a/site/assets/images/mithril-hn-pwa.png and b/site/assets/images/mithril-hn-pwa.png differ diff --git a/site/assets/images/next-hnpwa.png b/site/assets/images/next-hnpwa.png index 8a069aae..00ed56aa 100644 Binary files a/site/assets/images/next-hnpwa.png and b/site/assets/images/next-hnpwa.png differ diff --git a/site/assets/images/nextjs-hn.png b/site/assets/images/nextjs-hn.png index 54f693a1..de6fa752 100644 Binary files a/site/assets/images/nextjs-hn.png and b/site/assets/images/nextjs-hn.png differ diff --git a/site/assets/images/nuxt-hn.png b/site/assets/images/nuxt-hn.png old mode 100755 new mode 100644 index d32f4654..429e7cc3 Binary files a/site/assets/images/nuxt-hn.png and b/site/assets/images/nuxt-hn.png differ diff --git a/site/assets/images/polymer-mobile.png b/site/assets/images/polymer-mobile.png index bd0fe091..2a8f3c9f 100644 Binary files a/site/assets/images/polymer-mobile.png and b/site/assets/images/polymer-mobile.png differ diff --git a/site/assets/images/preacthn-mobile.png b/site/assets/images/preacthn-mobile.png index 9d3cadda..a090433a 100644 Binary files a/site/assets/images/preacthn-mobile.png and b/site/assets/images/preacthn-mobile.png differ diff --git a/site/assets/images/react-hn-stephen.png b/site/assets/images/react-hn-stephen.png index 886a10ee..aedabeae 100644 Binary files a/site/assets/images/react-hn-stephen.png and b/site/assets/images/react-hn-stephen.png differ diff --git a/site/assets/images/reacthn-kristofer-mobile.png b/site/assets/images/reacthn-kristofer-mobile.png index 150d72df..37a196b1 100644 Binary files a/site/assets/images/reacthn-kristofer-mobile.png and b/site/assets/images/reacthn-kristofer-mobile.png differ diff --git a/site/assets/images/reacthn-mobile.png b/site/assets/images/reacthn-mobile.png index 9b8efa75..6f7f480b 100644 Binary files a/site/assets/images/reacthn-mobile.png and b/site/assets/images/reacthn-mobile.png differ diff --git a/site/assets/images/stencil-ionic.png b/site/assets/images/stencil-ionic.png index 6f151418..5d787bdf 100644 Binary files a/site/assets/images/stencil-ionic.png and b/site/assets/images/stencil-ionic.png differ diff --git a/site/assets/images/sveltehn-mobile.png b/site/assets/images/sveltehn-mobile.png index 76f20ee7..0f0b10ea 100644 Binary files a/site/assets/images/sveltehn-mobile.png and b/site/assets/images/sveltehn-mobile.png differ diff --git a/site/assets/images/vanillahn-mobile.png b/site/assets/images/vanillahn-mobile.png old mode 100755 new mode 100644 index 0ea4a937..c2910ed9 Binary files a/site/assets/images/vanillahn-mobile.png and b/site/assets/images/vanillahn-mobile.png differ diff --git a/site/assets/images/viperhtml-mobile.png b/site/assets/images/viperhtml-mobile.png index 81c0a213..10865342 100644 Binary files a/site/assets/images/viperhtml-mobile.png and b/site/assets/images/viperhtml-mobile.png differ diff --git a/site/assets/images/vue-hn-pwa.png b/site/assets/images/vue-hn-pwa.png index 7d5302e3..abfa41ff 100644 Binary files a/site/assets/images/vue-hn-pwa.png and b/site/assets/images/vue-hn-pwa.png differ diff --git a/site/assets/images/vuehn-mobile.png b/site/assets/images/vuehn-mobile.png index 661c9802..356af322 100644 Binary files a/site/assets/images/vuehn-mobile.png and b/site/assets/images/vuehn-mobile.png differ diff --git a/site/assets/images/zuixhn-mobile.png b/site/assets/images/zuixhn-mobile.png index 55eb4ebe..baf8392d 100644 Binary files a/site/assets/images/zuixhn-mobile.png and b/site/assets/images/zuixhn-mobile.png differ