Commit 20738f5c6c86f792bd1d29630749a0e32572a0b6
Creating new version
Rômulo Alves committed on 10/18/2016, 10:18:30 PMParent: 756ea9b64e891d165a78679421a9a401979fe59d
Files changed
| gulpfile.js | changed |
| src/index.html | changed |
| src/style.css | changed |
| gulpfile.js | ||
|---|---|---|
| @@ -13,9 +13,9 @@ | ||
| 13 | 13 | gulp.src(['src/service-worker.js']) |
| 14 | 14 | .pipe(uglify()) |
| 15 | 15 | .pipe(gulp.dest('dist/'))); |
| 16 | 16 | |
| 17 | -gulp.task('build', ['copy', 'sw'], function () { | |
| 17 | +gulp.task('build', ['copy'], () => { | |
| 18 | 18 | return gulp.src('src/index.html') |
| 19 | 19 | .pipe(usemin({ |
| 20 | 20 | css: [ rev() ], |
| 21 | 21 | js: [ uglify(), rev() ], |
| @@ -23,4 +23,10 @@ | ||
| 23 | 23 | inlinecss: [ cleanCSS, 'concat' ] |
| 24 | 24 | })) |
| 25 | 25 | .pipe(gulp.dest('dist/')); |
| 26 | 26 | }); |
| 27 | + | |
| 28 | +gulp.task('dist', ['build', 'sw']); | |
| 29 | + | |
| 30 | +gulp.task('dev', ['build'], () => { | |
| 31 | + gulp.watch(['src/index.html', 'src/style.css'], ['build']); | |
| 32 | +}); | |
| src/index.html | ||
|---|---|---|
| @@ -11,44 +11,10 @@ | ||
| 11 | 11 | <link rel="stylesheet" type="text/css" href="style.css"> |
| 12 | 12 | <!-- endbuild --> |
| 13 | 13 | </head> |
| 14 | 14 | <body> |
| 15 | - <div class="container"> | |
| 15 | + <div class="background"></div> | |
| 16 | + <header> | |
| 16 | 17 | <h1>Rômulo Alves</h1> |
| 17 | - <h2> | |
| 18 | - Web Developer at <a href="https://www.cwi.com.br/" title="@cwisoftware" target="_blank">@cwisoftware</a> | |
| 19 | - </h2> | |
| 20 | - <aside> | |
| 21 | - <a href="https://twitter.com/romuloalves" target="_blank" title="Twitter">Twitter</a> | |
| 22 | - <a href="https://github.com/romuloalves" target="_blank" title="GitHub">GitHub</a> | |
| 23 | - <a href="mailto:romuloaalv@gmail.com" target="_blank" title="Email">Email</a> | |
| 24 | - <a href="https://medium.com/@romuloalves" target="_blank" title="Medium">Medium</a> | |
| 25 | - </aside> | |
| 26 | - <section class="content"> | |
| 27 | - <section> | |
| 28 | - <h1>Where am I?</h1> | |
| 29 | - <a href=""></a> | |
| 30 | - <h2> | |
| 31 | - <a href="https://www.google.com.br/maps/place/Sapiranga,+RS/@-29.6410773,-51.0112617,14z/data=!3m1!4b1!4m5!3m4!1s0x95193f737e8194df:0x571f590faf537198!8m2!3d-29.6353852!4d-51.0069543?hl=en" title="Sapiranga, Rio Grande do Sul, Brazil" target="_blank">Sapiranga, Rio Grande do Sul, Brazil</a> | |
| 32 | - </h2> | |
| 33 | - </section> | |
| 34 | - <section> | |
| 35 | - <h1>Talks</h1> | |
| 36 | - <p> | |
| 37 | - <a href="https://speakerdeck.com/romuloalves/componentizando-suas-views-com-react" title="Dojo React" target="_blank">Dojo React at @cwisoftware</a> | |
| 38 | - </p> | |
| 39 | - </section> | |
| 40 | - </section> | |
| 41 | - </div> | |
| 42 | - <script> | |
| 43 | - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
| 44 | - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
| 45 | - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
| 46 | - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
| 47 | - ga('create', 'UA-85356962-1', 'auto'); | |
| 48 | - ga('send', 'pageview'); | |
| 49 | - </script> | |
| 50 | - <!-- build:js index.js --> | |
| 51 | - <script src="index.js"></script> | |
| 52 | - <!-- build:js index.js --> | |
| 18 | + </header> | |
| 53 | 19 | </body> |
| 54 | 20 | </html> |
| src/style.css | ||
|---|---|---|
| @@ -1,53 +1,27 @@ | ||
| 1 | 1 | * { |
| 2 | - color: #FFF; | |
| 2 | + border: none; | |
| 3 | 3 | font-family: Menlo, Monaco, Consolas; |
| 4 | -} | |
| 5 | - | |
| 6 | -body { | |
| 7 | - background: #000; | |
| 8 | - padding-top: 80px; | |
| 9 | -} | |
| 10 | - | |
| 11 | -a:hover { | |
| 12 | - color: #81D4FA; | |
| 13 | -} | |
| 14 | - | |
| 15 | -.container { | |
| 16 | - margin: 0 auto; | |
| 17 | - text-align: center; | |
| 18 | - width: 90%; | |
| 19 | -} | |
| 20 | - | |
| 21 | -h1, h2 { | |
| 4 | + margin: 0; | |
| 22 | 5 | padding: 0; |
| 23 | - margin: 0; | |
| 24 | 6 | } |
| 25 | 7 | |
| 26 | -h1 { | |
| 27 | - font-size: 25px; | |
| 8 | +.background { | |
| 9 | + background: #2196F3; | |
| 10 | + height: 100%; | |
| 11 | + left: -50%; | |
| 12 | + position: absolute; | |
| 13 | + top: 0; | |
| 14 | + transform: skewX(-25deg); | |
| 15 | + width: 100%; | |
| 28 | 16 | } |
| 29 | 17 | |
| 30 | -h2 { | |
| 31 | - color: #888; | |
| 32 | - font-size: 15px; | |
| 18 | +header { | |
| 19 | + height: 100%; | |
| 20 | + padding: 10% 15%; | |
| 21 | + position: relative; | |
| 22 | + width: 50%; | |
| 33 | 23 | } |
| 34 | 24 | |
| 35 | -aside, | |
| 36 | -.content { | |
| 37 | - margin-top: 50px; | |
| 25 | +header h1 { | |
| 26 | + color: #FFF; | |
| 38 | 27 | } |
| 39 | - | |
| 40 | -.content section { | |
| 41 | - margin-top: 25px; | |
| 42 | -} | |
| 43 | - | |
| 44 | -aside a, | |
| 45 | -.content a { | |
| 46 | - display: inline-block; | |
| 47 | - font-size: 12px; | |
| 48 | - margin: 0 15px 15px 0; | |
| 49 | -} | |
| 50 | - | |
| 51 | -.content h1 { | |
| 52 | - font-size: 20px; | |
| 53 | -} | |
Built with git-ssb-web