commit 61f93321a04ffcabda71b2f5c64404b142095cbe Author: Ezerous Date: Tue Oct 16 12:47:03 2018 +0300 Github Pages init diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..b512c09d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 00000000..a3379494 --- /dev/null +++ b/css/style.css @@ -0,0 +1,175 @@ +html, +body { + width: 100%; + height: 100%; +} + +body { + font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; +} + +a { + color: #333333; + -webkit-transition: all .35s; + transition: all .35s; +} + +a:hover, a:focus { + color: #1a1a1a; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; + font-weight: 200; +} + +p { + font-size: 18px; + line-height: 1.5; + margin-bottom: 20px; +} + +section { + padding: 100px 0; +} + +section h2 { + font-size: 50px; +} + +header.masthead { + position: relative; + width: 100%; + padding-top: 150px; + padding-bottom: 100px; + color: white; + background: #333333; +} + +header.masthead .header-content { + max-width: 500px; + margin-bottom: 100px; + margin-right: auto; + margin-left: auto; + text-align: center; +} + +header.masthead .header-content h1 { + font-size: 30px; +} + +header.masthead .device-container { + max-width: 325px; + margin-right: auto; + margin-left: auto; +} + +header.masthead .device-container .screen img { + border-radius: 3px; +} + +@media (min-width: 992px) { + header.masthead { + height: 100vh; + min-height: 775px; + padding-top: 0; + padding-bottom: 0; + } + header.masthead .header-content { + margin-bottom: 0; + text-align: center; + } + header.masthead .header-content h1 { + font-size: 30px; + } + header.masthead .device-container { + max-width: 325px; + } +} + +header.masthead #badge { + max-width: 300px; +} + +footer { + padding: 25px 0; + text-align: center; + color: #26A69A; + background-color: #3C3C3C; +} + +footer p { + font-size: 12px; + margin: 0; +} + +footer ul { + margin-bottom: 0; +} + +footer ul li a { + font-size: 12px; + color: rgba(255, 255, 255, 0.3); +} + +footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active { + text-decoration: none; +} + +footer ul.list-social { + margin-bottom: 25px; +} + +footer ul.list-social li a { + font-size: 40px; + line-height: 80px; + display: block; + width: 80px; + height: 80px; + color: white; + border-radius: 100%; +} + +footer ul.list-social li.social-discord a { + background-color: #7289da; +} + +footer ul.list-social li.social-discord a:hover { + background-color: #5e78d5; +} + +footer ul.list-social li.social-github a { + background-color: #24292e; +} + +footer ul.list-social li.social-github a:hover { + background-color: #191c20; +} + +footer ul.list-social li.social-mail a { + background-color: #dd4b39; +} + +footer ul.list-social li.social-mail a:hover { + background-color: #d73925; +} + +.bg-primary { + background: #333333; + background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#262626)); + background: linear-gradient(#333333, #262626); +} + +.text-primary { + color: #333333; +} + +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; +} diff --git a/css/style.min.css b/css/style.min.css new file mode 100644 index 00000000..d1cbc992 --- /dev/null +++ b/css/style.min.css @@ -0,0 +1 @@ +body,html{width:100%;height:100%}body{font-family:Roboto,Helvetica,Arial,sans-serif}a{color:#333;-webkit-transition:all .35s;transition:all .35s}a:focus,a:hover{color:#1a1a1a}h1,h2,h3,h4,h5,h6{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:200}p{font-size:18px;line-height:1.5;margin-bottom:20px}section{padding:100px 0}section h2{font-size:50px}header.masthead{position:relative;width:100%;padding-top:150px;padding-bottom:100px;color:#fff;background:#333}header.masthead .header-content{max-width:500px;margin-bottom:100px;margin-right:auto;margin-left:auto;text-align:center}header.masthead .header-content h1{font-size:30px}header.masthead .device-container{max-width:325px;margin-right:auto;margin-left:auto}header.masthead .device-container .screen img{border-radius:3px}@media (min-width:992px){header.masthead{height:100vh;min-height:775px;padding-top:0;padding-bottom:0}header.masthead .header-content{margin-bottom:0;text-align:center}header.masthead .header-content h1{font-size:30px}header.masthead .device-container{max-width:325px}}header.masthead #badge{max-width:300px}footer{padding:25px 0;text-align:center;color:#26a69a;background-color:#3c3c3c}footer p{font-size:12px;margin:0}footer ul{margin-bottom:0}footer ul li a{font-size:12px;color:rgba(255,255,255,.3)}footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}footer ul.list-social{margin-bottom:25px}footer ul.list-social li a{font-size:40px;line-height:80px;display:block;width:80px;height:80px;color:#fff;border-radius:100%}footer ul.list-social li.social-discord a{background-color:#7289da}footer ul.list-social li.social-discord a:hover{background-color:#5e78d5}footer ul.list-social li.social-github a{background-color:#24292e}footer ul.list-social li.social-github a:hover{background-color:#191c20}footer ul.list-social li.social-mail a{background-color:#dd4b39}footer ul.list-social li.social-mail a:hover{background-color:#d73925}.bg-primary{background:#333;background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#262626));background:linear-gradient(#333,#262626)}.text-primary{color:#333}.no-gutter>[class*=col-]{padding-right:0;padding-left:0} \ No newline at end of file diff --git a/favicon/android-icon-144x144.png b/favicon/android-icon-144x144.png new file mode 100644 index 00000000..f9c1716a Binary files /dev/null and b/favicon/android-icon-144x144.png differ diff --git a/favicon/android-icon-192x192.png b/favicon/android-icon-192x192.png new file mode 100644 index 00000000..3e784d77 Binary files /dev/null and b/favicon/android-icon-192x192.png differ diff --git a/favicon/android-icon-36x36.png b/favicon/android-icon-36x36.png new file mode 100644 index 00000000..31db3ca0 Binary files /dev/null and b/favicon/android-icon-36x36.png differ diff --git a/favicon/android-icon-48x48.png b/favicon/android-icon-48x48.png new file mode 100644 index 00000000..d87aaad2 Binary files /dev/null and b/favicon/android-icon-48x48.png differ diff --git a/favicon/android-icon-72x72.png b/favicon/android-icon-72x72.png new file mode 100644 index 00000000..73eff6c1 Binary files /dev/null and b/favicon/android-icon-72x72.png differ diff --git a/favicon/android-icon-96x96.png b/favicon/android-icon-96x96.png new file mode 100644 index 00000000..faf9eaff Binary files /dev/null and b/favicon/android-icon-96x96.png differ diff --git a/favicon/apple-icon-114x114.png b/favicon/apple-icon-114x114.png new file mode 100644 index 00000000..1d419c03 Binary files /dev/null and b/favicon/apple-icon-114x114.png differ diff --git a/favicon/apple-icon-120x120.png b/favicon/apple-icon-120x120.png new file mode 100644 index 00000000..6b408d1a Binary files /dev/null and b/favicon/apple-icon-120x120.png differ diff --git a/favicon/apple-icon-144x144.png b/favicon/apple-icon-144x144.png new file mode 100644 index 00000000..f9c1716a Binary files /dev/null and b/favicon/apple-icon-144x144.png differ diff --git a/favicon/apple-icon-152x152.png b/favicon/apple-icon-152x152.png new file mode 100644 index 00000000..8d6705f1 Binary files /dev/null and b/favicon/apple-icon-152x152.png differ diff --git a/favicon/apple-icon-180x180.png b/favicon/apple-icon-180x180.png new file mode 100644 index 00000000..bf6e7f56 Binary files /dev/null and b/favicon/apple-icon-180x180.png differ diff --git a/favicon/apple-icon-57x57.png b/favicon/apple-icon-57x57.png new file mode 100644 index 00000000..5be0ce0e Binary files /dev/null and b/favicon/apple-icon-57x57.png differ diff --git a/favicon/apple-icon-60x60.png b/favicon/apple-icon-60x60.png new file mode 100644 index 00000000..bbaff3b7 Binary files /dev/null and b/favicon/apple-icon-60x60.png differ diff --git a/favicon/apple-icon-72x72.png b/favicon/apple-icon-72x72.png new file mode 100644 index 00000000..73eff6c1 Binary files /dev/null and b/favicon/apple-icon-72x72.png differ diff --git a/favicon/apple-icon-76x76.png b/favicon/apple-icon-76x76.png new file mode 100644 index 00000000..ab216904 Binary files /dev/null and b/favicon/apple-icon-76x76.png differ diff --git a/favicon/apple-icon-precomposed.png b/favicon/apple-icon-precomposed.png new file mode 100644 index 00000000..dfffb570 Binary files /dev/null and b/favicon/apple-icon-precomposed.png differ diff --git a/favicon/apple-icon.png b/favicon/apple-icon.png new file mode 100644 index 00000000..dfffb570 Binary files /dev/null and b/favicon/apple-icon.png differ diff --git a/favicon/browserconfig.xml b/favicon/browserconfig.xml new file mode 100644 index 00000000..c5541482 --- /dev/null +++ b/favicon/browserconfig.xml @@ -0,0 +1,2 @@ + +#ffffff \ No newline at end of file diff --git a/favicon/favicon-16x16.png b/favicon/favicon-16x16.png new file mode 100644 index 00000000..525f4e58 Binary files /dev/null and b/favicon/favicon-16x16.png differ diff --git a/favicon/favicon-32x32.png b/favicon/favicon-32x32.png new file mode 100644 index 00000000..bbd31663 Binary files /dev/null and b/favicon/favicon-32x32.png differ diff --git a/favicon/favicon-96x96.png b/favicon/favicon-96x96.png new file mode 100644 index 00000000..faf9eaff Binary files /dev/null and b/favicon/favicon-96x96.png differ diff --git a/favicon/favicon.ico b/favicon/favicon.ico new file mode 100644 index 00000000..17bba96d Binary files /dev/null and b/favicon/favicon.ico differ diff --git a/favicon/manifest.json b/favicon/manifest.json new file mode 100644 index 00000000..013d4a6a --- /dev/null +++ b/favicon/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "App", + "icons": [ + { + "src": "\/android-icon-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": "0.75" + }, + { + "src": "\/android-icon-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": "1.0" + }, + { + "src": "\/android-icon-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": "1.5" + }, + { + "src": "\/android-icon-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": "2.0" + }, + { + "src": "\/android-icon-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": "3.0" + }, + { + "src": "\/android-icon-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": "4.0" + } + ] +} \ No newline at end of file diff --git a/favicon/ms-icon-144x144.png b/favicon/ms-icon-144x144.png new file mode 100644 index 00000000..f9c1716a Binary files /dev/null and b/favicon/ms-icon-144x144.png differ diff --git a/favicon/ms-icon-150x150.png b/favicon/ms-icon-150x150.png new file mode 100644 index 00000000..52a42c95 Binary files /dev/null and b/favicon/ms-icon-150x150.png differ diff --git a/favicon/ms-icon-310x310.png b/favicon/ms-icon-310x310.png new file mode 100644 index 00000000..25a5f318 Binary files /dev/null and b/favicon/ms-icon-310x310.png differ diff --git a/favicon/ms-icon-70x70.png b/favicon/ms-icon-70x70.png new file mode 100644 index 00000000..93a769bf Binary files /dev/null and b/favicon/ms-icon-70x70.png differ diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..c5d7277d --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,54 @@ +var gulp = require('gulp'); +var sass = require('gulp-sass'); +var cleanCSS = require('gulp-clean-css'); +var rename = require("gulp-rename"); +var autoprefixer = require('gulp-autoprefixer'); +var browserSync = require('browser-sync').create(); + +// Compile SCSS +gulp.task('css:compile', function() { + return gulp.src('./scss/**/*.scss') + .pipe(sass.sync({ + outputStyle: 'expanded' + }).on('error', sass.logError)) + .pipe(autoprefixer({ + browsers: ['last 2 versions'], + cascade: false + })) + .pipe(gulp.dest('./css')) +}); + +// Minify CSS +gulp.task('css:minify', ['css:compile'], function() { + return gulp.src([ + './css/*.css', + '!./css/*.min.css' + ]) + .pipe(cleanCSS()) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('./css')) + .pipe(browserSync.stream()); +}); + +// CSS +gulp.task('css', ['css:compile', 'css:minify']); + +// Default task +gulp.task('default', ['css']); + +// Configure the browserSync task +gulp.task('browserSync', function() { + browserSync.init({ + server: { + baseDir: "./" + } + }); +}); + +// Dev task +gulp.task('dev', ['css', 'browserSync'], function() { + gulp.watch('./scss/*.scss', ['css']); + gulp.watch('./*.html', browserSync.reload); +}); diff --git a/img/google-play-badge.svg b/img/google-play-badge.svg new file mode 100644 index 00000000..c816e619 --- /dev/null +++ b/img/google-play-badge.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/mockup.png b/img/mockup.png new file mode 100644 index 00000000..556c7c91 Binary files /dev/null and b/img/mockup.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..e974e09b --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + mTHMMY + + + + + + + + + + + + + + + + + +
+
+
+
+
+

mTHMMY is a mobile app for thmmy.gr!

+
+ Download +
+
+
+
+
+ +
+
+
+
+
+ + + + + + diff --git a/package.json b/package.json new file mode 100644 index 00000000..0c76c64f --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "title": "mTHMMY", + "name": "mthmmy", + "version": "0.1.0", + "description": "Landing page for mTHMMY.", + "private": true, + "author": "Thmmy No Life", + "repository": { + "type": "git", + "url": "https://github.com/ThmmyNoLife/thmmynolife.github.io.git" + }, + "bugs": { + "url": "https://github.com/ThmmyNoLife/thmmynolife.github.io/issues", + "email": "thmmynolife@gmail.com" + }, + "devDependencies": { + "browser-sync": "^2.26.0", + "gulp": "^3.9.1", + "gulp-autoprefixer": "6.0.0", + "gulp-clean-css": "3.10.0", + "gulp-rename": "1.4.0", + "gulp-sass": "4.0.1" + } +} diff --git a/scss/_bootstrap-overrides.scss b/scss/_bootstrap-overrides.scss new file mode 100644 index 00000000..f38119d3 --- /dev/null +++ b/scss/_bootstrap-overrides.scss @@ -0,0 +1,15 @@ +// Bootstrap overrides for this template +.bg-primary { + background: $theme-primary; + background: -webkit-linear-gradient($theme-primary, darken($theme-primary, 5%)); + background: linear-gradient($theme-primary, darken($theme-primary, 5%)); +} + +.text-primary { + color: $theme-primary; +} + +.no-gutter > [class*='col-'] { + padding-right: 0; + padding-left: 0; +} diff --git a/scss/_footer.scss b/scss/_footer.scss new file mode 100644 index 00000000..76896baf --- /dev/null +++ b/scss/_footer.scss @@ -0,0 +1,64 @@ +// Styling for the footer +footer { + padding: 25px 0; + text-align: center; + color: $theme-tertiary; + background-color: $theme-secondary; + p { + font-size: 12px; + margin: 0; + } + ul { + margin-bottom: 0; + li { + a { + font-size: 12px; + color: fade-out(white, .7); + &:hover, + &:focus, + &:active, + &.active { + text-decoration: none; + } + } + } + &.list-social { + margin-bottom: 25px; + li { + a { + font-size: 40px; + line-height: 80px; + display: block; + width: 80px; + height: 80px; + color: white; + border-radius: 100%; + } + &.social-discord { + a { + background-color: $social-discord; + &:hover { + background-color: darken($social-discord, 5%); + } + } + } + &.social-github { + a { + background-color: $social-github; + &:hover { + background-color: darken($social-github, 5%); + } + } + } + &.social-mail { + a { + background-color: $social-mail; + &:hover { + background-color: darken($social-mail, 5%); + } + } + } + } + } + } +} diff --git a/scss/_global.scss b/scss/_global.scss new file mode 100644 index 00000000..130de2a8 --- /dev/null +++ b/scss/_global.scss @@ -0,0 +1,41 @@ +// Global styling +html, +body { + width: 100%; + height: 100%; +} + +body { + @include body-font; +} + +a { + color: $theme-primary; + @include transition-all; + &:hover, + &:focus { + color: darken($theme-primary, 10%); + } +} + +h1, +h2, +h3, +h4, +h5, +h6 { + @include heading-font; +} + +p { + font-size: 18px; + line-height: 1.5; + margin-bottom: 20px; +} + +section { + padding: 100px 0; + h2 { + font-size: 50px; + } +} diff --git a/scss/_masthead.scss b/scss/_masthead.scss new file mode 100644 index 00000000..06a50e53 --- /dev/null +++ b/scss/_masthead.scss @@ -0,0 +1,49 @@ +// Styling for the masthead +header.masthead { + position: relative; + + width: 100%; + padding-top: 150px; + padding-bottom: 100px; + + color: white; + background: $theme-primary; + .header-content { + max-width: 500px; + margin-bottom: 100px; + margin-right: auto; + margin-left: auto; + text-align: center; + h1 { + font-size: 30px; + } + } + .device-container { + max-width: 325px; + margin-right: auto; + margin-left: auto; + .screen img { + border-radius: 3px; + } + } + @media (min-width: 992px) { + height: 100vh; + min-height: 775px; + padding-top: 0; + padding-bottom: 0; + .header-content { + margin-bottom: 0; + + text-align: center; + h1 { + font-size: 30px; + } + } + .device-container { + max-width: 325px; + } + } + #badge { + max-width: 300px; + } +} diff --git a/scss/_mixins.scss b/scss/_mixins.scss new file mode 100644 index 00000000..aecae683 --- /dev/null +++ b/scss/_mixins.scss @@ -0,0 +1,72 @@ +// Mixins +@mixin transition-all() { + -webkit-transition: all .35s; + -moz-transition: all .35s; + transition: all .35s; +} + +@mixin background-cover() { + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} + +@mixin button-variant($color, $background, $border) { + color: $color; + border-color: $border; + background-color: $background; + &:focus, + &.focus { + color: $color; + border-color: darken($border, 25%); + background-color: darken($background, 10%); + } + &:hover { + color: $color; + border-color: darken($border, 12%); + background-color: darken($background, 10%); + } + &:active, + &.active, + .open > &.dropdown-toggle { + color: $color; + border-color: darken($border, 12%); + background-color: darken($background, 10%); + &:hover, + &:focus, + &.focus { + color: $color; + border-color: darken($border, 25%); + background-color: darken($background, 17%); + } + } + &:active, + &.active, + .open > &.dropdown-toggle { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus, + &.focus { + border-color: $border; + background-color: $background; + } + } + .badge { + color: $background; + background-color: $color; + } +} + +@mixin heading-font { + font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; + font-weight: 200; +} + +@mixin body-font { + font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif'; +} diff --git a/scss/_variables.scss b/scss/_variables.scss new file mode 100644 index 00000000..548bfc3b --- /dev/null +++ b/scss/_variables.scss @@ -0,0 +1,9 @@ +// Variables + +$theme-primary: #333333; +$theme-secondary: #3C3C3C; +$theme-tertiary: #26A69A; + +$social-github: #24292e; +$social-discord: #7289da; +$social-mail: #dd4b39; diff --git a/scss/style.scss b/scss/style.scss new file mode 100644 index 00000000..df02e9e8 --- /dev/null +++ b/scss/style.scss @@ -0,0 +1,6 @@ +@import "variables.scss"; +@import "mixins.scss"; +@import "global.scss"; +@import "masthead.scss"; +@import "footer.scss"; +@import "bootstrap-overrides.scss";