diff --git a/public/assets/googleButton.svg b/public/assets/googleButton.svg index 7c4910a..900f522 100644 --- a/public/assets/googleButton.svg +++ b/public/assets/googleButton.svg @@ -2,4 +2,4 @@ - \ No newline at end of file + diff --git a/public/images/Forbes_logo.svg b/public/images/Forbes_logo.svg index a997120..a3155d4 100644 --- a/public/images/Forbes_logo.svg +++ b/public/images/Forbes_logo.svg @@ -1143,7 +1143,7 @@ RU5ErkJggg== x="-53.920818" y="-98.979599" /> diff --git a/public/images/Mashable.png b/public/images/Mashable.png new file mode 100644 index 0000000..11567be Binary files /dev/null and b/public/images/Mashable.png differ diff --git a/public/images/Mashable.svg b/public/images/Mashable.svg deleted file mode 100644 index b43d0a2..0000000 Binary files a/public/images/Mashable.svg and /dev/null differ diff --git a/public/images/NYT_Masthead.svg b/public/images/NYT_Masthead.svg deleted file mode 100644 index 39aabe8..0000000 Binary files a/public/images/NYT_Masthead.svg and /dev/null differ diff --git a/public/images/NewYorkTimes.svg.png b/public/images/NewYorkTimes.svg.png new file mode 100644 index 0000000..4ce08b7 Binary files /dev/null and b/public/images/NewYorkTimes.svg.png differ diff --git a/public/images/The_Guardian.svg b/public/images/The_Guardian.svg deleted file mode 100644 index f45e013..0000000 Binary files a/public/images/The_Guardian.svg and /dev/null differ diff --git a/public/images/The_Guardian.svg.png b/public/images/The_Guardian.svg.png new file mode 100644 index 0000000..343eded Binary files /dev/null and b/public/images/The_Guardian.svg.png differ diff --git a/public/images/The_Wall_Street_Journal_Logo.svg b/public/images/The_Wall_Street_Journal_Logo.svg deleted file mode 100644 index 41598fd..0000000 --- a/public/images/The_Wall_Street_Journal_Logo.svg +++ /dev/null @@ -1,49 +0,0 @@ - - - - -Created by potrace 1.12, written by Peter Selinger 2001-2015 - - - - - - - - - - - diff --git a/public/images/The_Wall_Street_Journal_Logo.svg.png b/public/images/The_Wall_Street_Journal_Logo.svg.png new file mode 100644 index 0000000..be48fee Binary files /dev/null and b/public/images/The_Wall_Street_Journal_Logo.svg.png differ diff --git a/public/index.html b/public/index.html index 25a1718..aed7d54 100644 --- a/public/index.html +++ b/public/index.html @@ -268,7 +268,7 @@

Our Apps Are Made By Professionals, Meet Them Here

-
+

AppBox Featured In ...

-
diff --git a/public/sass/main.scss b/public/sass/main.scss index a3fcf43..cb5da81 100644 --- a/public/sass/main.scss +++ b/public/sass/main.scss @@ -6,6 +6,7 @@ @import "modules/mixins/skewed_div"; @import "modules/mixins/button-borders"; @import "modules/mixins/flex-box"; +@import "modules/mixins/newspapers"; @import "modules/animated-dots"; @import "modules/icon-styles"; @@ -25,6 +26,7 @@ @import "partials/form"; @import "partials/circular-images"; +@import "partials/newspaper-section"; @import "partials/best-way"; @import "partials/get-it-free"; @import "partials/paragraphs"; diff --git a/public/sass/modules/mixins/_newspapers.scss b/public/sass/modules/mixins/_newspapers.scss new file mode 100644 index 0000000..0a557a4 --- /dev/null +++ b/public/sass/modules/mixins/_newspapers.scss @@ -0,0 +1,13 @@ + +/* -- Adds newspaper svg/png --*/ + +@mixin newspaper($url, $background-size) { + content: ''; + height: 3em; + width: 12em; + background: $url; + background-size: $background-size; + background-repeat: no-repeat; + background-position: center; + display: block; +} diff --git a/public/sass/partials/_newspaper-section.scss b/public/sass/partials/_newspaper-section.scss new file mode 100644 index 0000000..f22038d --- /dev/null +++ b/public/sass/partials/_newspaper-section.scss @@ -0,0 +1,49 @@ + +.newspaper-section { + h1 { + font: $head-big-light-font; + text-align: center; + margin-top: 2em; + margin-bottom: 1em; + color: $color-5; + } +} + + + +.newspaper-list { + @include flexbox; + @media only screen and (min-width: 850px) { + margin: auto 8em; + } + @media only screen and (min-width: 1200px) { + margin: auto 12em; + } + + li { + &:first-child { + @include newspaper(url("../images/NewYorkTimes.svg.png"), 90%) + } + &:nth-child(2) { + @include newspaper(url("../images/Forbes_logo.svg"), 40%) + } + &:nth-child(3) { + @include newspaper(url("../images/The_Wall_Street_Journal_Logo.svg.png"), 90%) + } + &:nth-child(4) { + @include newspaper(url("../images/The_Guardian.svg.png"), 75%) + } + &:nth-child(5) { + @include newspaper(url("../images/The_Verge_wordmark.svg"), 50%) + } + &:nth-child(6) { + @include newspaper(url("../images/tc-techcrunch.svg"), 60%) + } + &:nth-child(7) { + @include newspaper(url("../images/lifehacker-uk.svg"), 60%) + } + &:nth-child(8) { + @include newspaper(url("../images/Mashable.png"), 55%) + } + } +}