diff --git a/.jsbeautifyrc b/.jsbeautifyrc new file mode 100644 index 0000000..ea4d707 --- /dev/null +++ b/.jsbeautifyrc @@ -0,0 +1,14 @@ +{ + "html": { + "indent_char": "\t", + "indent_size": 1 + }, + "js": { + "indent_char": "\t", + "indent_size": 1 + }, + "css": { + "indent_char": "\t", + "indent_size": 1 + } +} diff --git a/CHANGELOG.md b/CHANGELOG.md index 3d0e04c..cbf171f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,3 +7,8 @@ * feature: added home hero section * feature: added home about section + + +### 0.0.2 + +* feature: added :birthday: cake diff --git a/gulpfile.js b/gulpfile.js index ace6737..0fd7ad6 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,6 +1,7 @@ const del = require('del'); const gulp = require('gulp'); +const yargs = require("yargs").argv; const wiredep = require('wiredep').stream; const runSequence = require('run-sequence'); const browserSync = require('browser-sync'); @@ -9,7 +10,7 @@ const gulpLoadPlugins = require('gulp-load-plugins'); const $ = gulpLoadPlugins(); const reload = browserSync.reload; - +const PRODUCTION = yargs.production; gulp.task('styles', () => { @@ -75,6 +76,8 @@ gulp.task('html', ['styles', 'scripts'], () => { })) .pipe($.if('*.js', $.uglify())) .pipe($.if('*.css', $.cssnano({safe: true, autoprefixer: false}))) + .pipe($.if('*.html', + ( $.if( PRODUCTION , $.htmlmin({collapseWhitespace: true}))))) .pipe(gulp.dest('public')); }) diff --git a/package.json b/package.json index ae5e1f4..0d4f42b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tehranjs-website-html-template", - "version": "0.0.12", + "version": "0.0.2", "description": "HTML template of tehranjs.com website", "main": "site/index.html", "author": "Seyed Naser Hassani ", @@ -34,6 +34,7 @@ "gulp-cssnano": "^2.1.2", "gulp-eslint": "^3.0.1", "gulp-gh-pages": "^0.5.4", + "gulp-htmlmin": "^3.0.0", "gulp-if": "^2.0.2", "gulp-imagemin": "^3.1.1", "gulp-load-plugins": "^1.5.0", @@ -50,7 +51,8 @@ "run-sequence": "^1.2.2", "surge": "^0.18.0", "webpack-stream": "^3.2.0", - "wiredep": "^4.0.0" + "wiredep": "^4.0.0", + "yargs": "^7.0.1" }, "eslintConfig": { "env": { diff --git a/public/index.html b/public/index.html index 8d7a272..0876679 100644 --- a/public/index.html +++ b/public/index.html @@ -1,53 +1,3 @@ - - - - - - - - - تهران جی اس | tehranjs - - - - - - - - - - - - - - - - - - - - - - - - -
-
-

اینجا،
تِهران جِی اِس

-

خوش آمدید.

-
-
- -
-
-

تِهران جِی اِس یه دورهمیه که از حدود یک سال پیش (اولین جلسه‌اش، ۱۱ اسفند ۹۴) تا حالا هر دو هفته یه بار توی شرکت رهنما برگزار شده و خواهد شد. توی این یک سال گذشته هم بیشتر درباره‌ی جاوااسکریپت صحبت کردیم. هر چند هدف اولیه برگزاری این نشست‌ها بیشتر تبادل تجربیات‌مون توی مدیریت، پیاده سازی و توسعه‌ی نرم افزار و مفاهیم پایه‌ی اون بوده که اگه ربطی هم به جاوااسکریپت داشتن چه بهتر.

-

دوشنبه بعدی که مصادف شده با ۱۶ اسفند، قرار جشن کوچیکی برای یک ساله شدن تهران جی اس بگیریم؛ خوشحال میشیم شما هم حضور داشته باشید. البته توی این جلسه مثل روال قبل، ارائه‌ای هم توسط امیرحسین میرکاظمی خواهیم داشت درباره‌ی «الگوهای اشتباه پیاده سازی در جاوا اسکریپت». برای شرکت توی این جلسه می‌تونید با استفاده از این لینک با ایوند ثبت نام کنید.

-
-

پ.ن یک: برای تماس با ما هم می‌تونید از یا استفاده کنید.
پ.ن دو: این وب سایت درحال آماده سازیه :)

-
-
- - - +

اینجا،
تِهران جِی اِس

خوش آمدید.

تِهران جِی اِس یه دورهمیه که از حدود یک سال پیش (اولین جلسه‌اش، ۱۱ اسفند ۹۴) تا حالا هر دو هفته یه بار توی شرکت رهنما برگزار شده و خواهد شد. توی این یک سال گذشته هم بیشتر درباره‌ی جاوااسکریپت صحبت کردیم. هر چند هدف اولیه برگزاری این نشست‌ها بیشتر تبادل تجربیات‌مون توی مدیریت، پیاده سازی و توسعه‌ی نرم افزار و مفاهیم پایه‌ی اون بوده که اگه ربطی هم به جاوااسکریپت داشتن چه بهتر.

دوشنبه بعدی که مصادف شده با ۱۶ اسفند، قرار جشن کوچیکی برای یک ساله شدن تهران جی اس بگیریم؛ خوشحال میشیم شما هم حضور داشته باشید. البته توی این جلسه مثل روال قبل، ارائه‌ای هم توسط امیرحسین میرکاظمی خواهیم داشت درباره‌ی «الگوهای اشتباه پیاده سازی». برای شرکت توی این جلسه می‌تونید با استفاده از این لینک با ایوند ثبت نام کنید.


پ.ن یک: برای تماس با ما هم می‌تونید از یا استفاده کنید.
پ.ن دو: این وب سایت درحال آماده سازیه :)

\ No newline at end of file diff --git a/public/styles/tehranjs.css b/public/styles/tehranjs.css index ba272d6..e64751c 100644 --- a/public/styles/tehranjs.css +++ b/public/styles/tehranjs.css @@ -1,3 +1,3 @@ html{box-sizing:border-box}*,:after,:before{box-sizing:inherit} -/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{margin:0;padding:0}li>ol,li>ul{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}html{font-size:.875em;line-height:2;overflow-y:scroll;min-height:100%}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:14px;margin-bottom:1rem}dd,ol,ul{margin-right:14px;margin-right:1rem}b,strong{font-weight:700}@font-face{font-family:IranSans;font-style:normal;font-weight:300;src:url(../assets/fonts/iransans/IRANSansWeb_Light.woff2) format("woff2"),url(../assets/fonts/iransans/IRANSansWeb_Light.woff) format("woff"),url(../assets/fonts/iransans/IRANSansWeb_Light.ttf) format("truetype")}@font-face{font-family:IranSans;font-style:normal;font-weight:400;src:url(../assets/fonts/iransans/IRANSansWeb.woff2) format("woff2"),url(../assets/fonts/iransans/IRANSansWeb.woff) format("woff"),url(../assets/fonts/iransans/IRANSansWeb.ttf) format("truetype")}html{font-family:IranSans,Arial,Tahoma,sans-serif;font-weight:300;color:#fff;background-color:#4191dc}a{color:#0071bc;text-decoration:none}a:active,a:focus,a:hover{color:#205493}.o-container{padding-right:2rem;padding-left:2rem;margin-right:auto;margin-left:auto;max-width:880px}.o-container:after{content:""!important;display:block!important;clear:both!important}.c-section-hero{height:36rem;position:relative;overflow:hidden}.c-section-hero:before{content:'';position:absolute;top:0;width:100%;height:100%;left:-32px;left:-2rem;background:url(../assets/images/contents/tehranjs-hero-bg.png) center 84px no-repeat;background-size:400px;background-size:25rem}.c-section-hero__title{padding-top:4rem}.c-section-hero__welcome{position:absolute;top:390px;left:2rem;font-weight:700;text-align:left;font-size:24px;font-size:1.7142857143rem;line-height:1.1666666667}.c-section-about{padding:4rem 0}.c-section-about p{font-size:16px;font-size:1.1428571429rem;line-height:2}.c-section-about a,.c-section-about b{color:#152742}.c-section-about b>a{border-bottom:1px solid #152742}.c-section-about b>a:active,.c-section-about b>a:focus,.c-section-about b>a:hover{color:#000}.c-section-about svg{display:inline-block;vertical-align:middle;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;fill:inherit}.c-section-about svg:active,.c-section-about svg:focus,.c-section-about svg:hover{fill:#fff}@media (min-width:25em){.c-section-hero{height:38rem}.c-section-hero:before{left:0;background-size:457.142px;background-size:28.5714285714rem}.c-section-hero__title{width:330px;position:absolute;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-top:3rem}.c-section-hero__welcome{top:430px}}@media (min-width:37.5em){.c-section-hero{height:50rem}.c-section-hero:before{top:64px;top:4rem;background-size:571.428px;background-size:35.7142857143rem;background-image:url(../assets/images/contents/tehranjs-hero-bg@3x.png)}.c-section-hero__title{width:415px;padding-top:8rem;font-size:42px;font-size:3rem;line-height:1.5}.c-section-hero__welcome{top:500px}.c-section-about{padding:8rem 0}}@media (min-width:48em){.c-section-hero{height:100vh}.c-section-hero:before{top:96px;top:6rem;background-size:685.714px;background-size:42.8571428571rem}.c-section-hero__title{width:490px;padding-top:11.2rem}.c-section-hero__welcome{width:550px;top:605px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:left}.c-section-about p{font-size:20px;font-size:1.4285714286rem;line-height:2}}@media (min-width:64em){.c-section-about{height:100vh}}@media screen and (-webkit-max-device-pixel-ratio:1.9895833333333333),screen and (max-resolution:191dpi){html{font-weight:400}}@media (max-width:47.99em){.c-section-about svg{margin:0 .5rem}} \ No newline at end of file +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{margin:0;padding:0}li>ol,li>ul{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}html{font-size:.875em;line-height:2;overflow-y:scroll;min-height:100%}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:14px;margin-bottom:1rem}dd,ol,ul{margin-right:14px;margin-right:1rem}b,strong{font-weight:700}@font-face{font-family:IranSans;font-style:normal;font-weight:300;src:url(../assets/fonts/iransans/IRANSansWeb_Light.woff2) format("woff2"),url(../assets/fonts/iransans/IRANSansWeb_Light.woff) format("woff"),url(../assets/fonts/iransans/IRANSansWeb_Light.ttf) format("truetype")}@font-face{font-family:IranSans;font-style:normal;font-weight:400;src:url(../assets/fonts/iransans/IRANSansWeb.woff2) format("woff2"),url(../assets/fonts/iransans/IRANSansWeb.woff) format("woff"),url(../assets/fonts/iransans/IRANSansWeb.ttf) format("truetype")}html{font-family:IranSans,Arial,Tahoma,sans-serif;font-weight:300;color:#fff;background-color:#4191dc}a{color:#0071bc;text-decoration:none}a:active,a:focus,a:hover{color:#205493}.o-container{padding-right:2rem;padding-left:2rem;margin-right:auto;margin-left:auto;max-width:880px}.o-container:after{content:""!important;display:block!important;clear:both!important}.c-section-hero{height:36rem;position:relative;overflow:hidden}.c-section-hero:before{content:'';position:absolute;top:0;width:100%;height:100%;left:-32px;left:-2rem;background:url(../assets/images/contents/tehranjs-hero-bg.png) center 84px no-repeat;background-size:400px;background-size:25rem}.c-section-hero__title{padding-top:4rem}.c-section-hero__welcome{position:absolute;top:390px;left:2rem;font-weight:700;text-align:left;font-size:24px;font-size:1.7142857143rem;line-height:1.1666666667}.c-section-about{padding:4rem 0}.c-section-about p{font-size:16px;font-size:1.1428571429rem;line-height:2}.c-section-about a,.c-section-about b{color:#152742}.c-section-about b>a{border-bottom:1px solid #152742}.c-section-about b>a:active,.c-section-about b>a:focus,.c-section-about b>a:hover{color:#000}.c-section-about svg{display:inline-block;vertical-align:middle;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;fill:inherit}.c-section-about svg:active,.c-section-about svg:focus,.c-section-about svg:hover{fill:#fff}.c-section-about__cake{position:relative;height:150px;margin-bottom:3rem}.c-cake{top:0;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);height:150px}.c-cake,.c-cake:after{position:absolute;width:150px}.c-cake:after{background:#ebe3e1;border-radius:150px;content:"";bottom:0;left:0;height:3px}.c-cake__candle{background:#fff;border-radius:100%;position:absolute;top:50%;left:50%;margin-left:-3.75px;margin-top:-12.5px;width:7.5px;height:25px}.c-cake__candle:after,.c-cake__candle:before{background:rgba(255,0,0,.4);content:"";position:absolute;width:100%;height:3.3333333333px}.c-cake__candle:after{top:25%;left:0}.c-cake__candle:before{top:45%;left:0}.c-cake__fire{border-radius:100%;box-shadow:0 0 40px 10px hsla(37,74%,90%,.2);position:absolute;top:-12px;left:50%;margin-left:-5px;width:10px;height:18.75px}.c-cake__fire:nth-child(1){-webkit-animation:c-cake__fire 2s infinite;animation:c-cake__fire 2s infinite}.c-cake__fire:nth-child(2){-webkit-animation:c-cake__fire 1.5s infinite;animation:c-cake__fire 1.5s infinite}.c-cake__fire:nth-child(3){-webkit-animation:c-cake__fire 1s infinite;animation:c-cake__fire 1s infinite}.c-cake__fire:nth-child(4){-webkit-animation:c-cake__fire .5s infinite;animation:c-cake__fire .5s infinite}.c-cake__fire:nth-child(5){-webkit-animation:c-cake__fire .2s infinite;animation:c-cake__fire .2s infinite}@-webkit-keyframes c-cake__fire{0%{background:rgba(254,248,97,.5);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{background:rgba(255,50,0,.1);-webkit-transform:translateY(-30px) scale(0);transform:translateY(-30px) scale(0)}to{background:rgba(254,248,97,.5);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes c-cake__fire{0%{background:rgba(254,248,97,.5);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{background:rgba(255,50,0,.1);-webkit-transform:translateY(-30px) scale(0);transform:translateY(-30px) scale(0)}to{background:rgba(254,248,97,.5);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.c-cake__coverage{background:#ece7e3;border-radius:75px;position:absolute;top:60%;left:50%;margin-left:-41.6666666667px;margin-top:-7.5px;width:83.3333333333px;height:18.75px;z-index:10}.c-cake__coverage:after,.c-cake__coverage:before{background:#ece7e3;border-radius:150px;content:"";position:absolute;width:7.5px;height:15px}.c-cake__coverage:after{top:10px;right:21.4285714286px}.c-cake__coverage:before{top:15px;right:13.6363636364px}.c-cake__biscuit{background:#6d3826;position:absolute;bottom:0;left:50%;margin-left:-37.5px;width:75px;height:50px}.c-cake__biscuit:after,.c-cake__biscuit:before{background:hsla(27,19%,91%,.6);content:"";position:absolute;width:100%;height:7.5px}.c-cake__biscuit:after{top:30%;left:0}.c-cake__biscuit:before{top:60%;left:0}@media (min-width:25em){.c-section-hero{height:38rem}.c-section-hero:before{left:0;background-size:457.142px;background-size:28.5714285714rem}.c-section-hero__title{width:330px;position:absolute;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-top:3rem}.c-section-hero__welcome{top:430px}}@media (min-width:37.5em){.c-section-hero{height:50rem}.c-section-hero:before{top:64px;top:4rem;background-size:571.428px;background-size:35.7142857143rem;background-image:url(../assets/images/contents/tehranjs-hero-bg@3x.png)}.c-section-hero__title{width:415px;padding-top:8rem;font-size:42px;font-size:3rem;line-height:1.5}.c-section-hero__welcome{top:500px}.c-section-about{padding:8rem 0}}@media (min-width:48em){.c-section-hero{height:100vh}.c-section-hero:before{top:96px;top:6rem;background-size:685.714px;background-size:42.8571428571rem}.c-section-hero__title{width:490px;padding-top:11.2rem}.c-section-hero__welcome{width:550px;top:605px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:left}.c-section-about p{font-size:20px;font-size:1.4285714286rem;line-height:2}}@media (min-width:64em){.c-section-about{min-height:100vh}}@media screen and (-webkit-max-device-pixel-ratio:1.9895833333333333),screen and (max-resolution:191dpi){html{font-weight:400}}@media (max-width:47.99em){.c-section-about svg{margin:0 .5rem}} \ No newline at end of file diff --git a/site/index.html b/site/index.html index 19836b5..0f9d158 100644 --- a/site/index.html +++ b/site/index.html @@ -23,7 +23,7 @@ - + @@ -46,7 +46,20 @@

اینجا،
تِهران جِی اِس

تِهران جِی اِس یه دورهمیه که از حدود یک سال پیش (اولین جلسه‌اش، ۱۱ اسفند ۹۴) تا حالا هر دو هفته یه بار توی شرکت رهنما برگزار شده و خواهد شد. توی این یک سال گذشته هم بیشتر درباره‌ی جاوااسکریپت صحبت کردیم. هر چند هدف اولیه برگزاری این نشست‌ها بیشتر تبادل تجربیات‌مون توی مدیریت، پیاده سازی و توسعه‌ی نرم افزار و مفاهیم پایه‌ی اون بوده که اگه ربطی هم به جاوااسکریپت داشتن چه بهتر.

-

دوشنبه بعدی که مصادف شده با ۱۶ اسفند، قرار جشن کوچیکی برای یک ساله شدن تهران جی اس بگیریم؛ خوشحال میشیم شما هم حضور داشته باشید. البته توی این جلسه مثل روال قبل، ارائه‌ای هم توسط امیرحسین میرکاظمی خواهیم داشت درباره‌ی «الگوهای اشتباه پیاده سازی در جاوا اسکریپت». برای شرکت توی این جلسه می‌تونید با استفاده از این لینک با ایوند ثبت نام کنید.

+
+
+
+
+
+
+
+
+
+
+
+
+
+

دوشنبه بعدی که مصادف شده با ۱۶ اسفند، قرار جشن کوچیکی برای یک ساله شدن تهران جی اس بگیریم؛ خوشحال میشیم شما هم حضور داشته باشید. البته توی این جلسه مثل روال قبل، ارائه‌ای هم توسط امیرحسین میرکاظمی خواهیم داشت درباره‌ی «الگوهای اشتباه پیاده سازی». برای شرکت توی این جلسه می‌تونید با استفاده از این لینک با ایوند ثبت نام کنید.


پ.ن یک: برای تماس با ما هم می‌تونید از یا استفاده کنید.
پ.ن دو: این وب سایت درحال آماده سازیه :)

diff --git a/site/styles/components/_components.cake.scss b/site/styles/components/_components.cake.scss new file mode 100644 index 0000000..657071b --- /dev/null +++ b/site/styles/components/_components.cake.scss @@ -0,0 +1,188 @@ +$D:150px; // Control size + +/* ============================================== POSITION +*/ + +.c-cake { + position: absolute; + top: 0; + right: 50%; + transform: translateX(50%); + width: $D; + height: $D; +} + + +/* ============================================== BASE +*/ + +.c-cake:after { + background: rgba(235, 227, 225, 1); + border-radius: $D; + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: $D; + height: $D/50; +} + + +/* ============================================== Candle +*/ + +.c-cake__candle { + background: rgba(255, 255, 255, 1); + border-radius: 100%; + position: absolute; + top: 50%; + left: 50%; + margin-left: -($D/2)/20; + margin-top: -($D/2)/6; + width: $D/20; + height: $D/6; +} + +.c-cake__candle:after, +.c-cake__candle:before { + background: rgba(255, 0, 0, 0.4); + content: ""; + position: absolute; + width: 100%; + height: $D/45; +} + +.c-cake__candle:after { + top: 25%; + left: 0; +} + +.c-cake__candle:before { + top: 45%; + left: 0; +} + + +/* ============================================== Fire +*/ + +.c-cake__fire { + border-radius: 100%; + box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2); + position: absolute; + top: -12px; + left: 50%; + margin-left: -($D/2)/15; + //margin-top:-($D/2)/10; + width: $D/15; + height: $D/8; +} + +.c-cake__fire:nth-child(1) { + animation: c-cake__fire 2s infinite; +} + +.c-cake__fire:nth-child(2) { + animation: c-cake__fire 1.5s infinite; +} + +.c-cake__fire:nth-child(3) { + animation: c-cake__fire 1s infinite; +} + +.c-cake__fire:nth-child(4) { + animation: c-cake__fire 0.5s infinite; +} + +.c-cake__fire:nth-child(5) { + animation: c-cake__fire 0.2s infinite; +} + + +/* ============================================== Animation Fire +*/ + +@keyframes c-cake__fire { + 0% { + background: rgba(254, 248, 97, 0.5); + transform: translateY(0) scale(1); + } + 50% { + background: rgba(255, 50, 0, 0.1); + transform: translateY(-($D/5)) scale(0); + } + 100% { + background: rgba(254, 248, 97, 0.5); + transform: translateY(0) scale(1); + } +} + + +/* ============================================== Frosting +*/ + +.c-cake__coverage { + background: rgba(236, 231, 227, 1); + border-radius: $D/2; + position: absolute; + top: 60%; + left: 50%; + margin-left: -($D/2)/1.8; + margin-top: -($D/2)/10; + width: $D/1.8; + height: $D/8; + z-index: 10; +} + +.c-cake__coverage:after, +.c-cake__coverage:before { + background: rgba(236, 231, 227, 1); + border-radius: $D; + content: ""; + position: absolute; + width: $D/20; + height: $D/10; +} + +.c-cake__coverage:after { + top: $D/15; + right: $D/7; +} + +.c-cake__coverage:before { + top: $D/10; + right: $D/11; +} + + +/* ============================================== c-cake__biscuit +*/ + +.c-cake__biscuit { + background: rgba(109, 56, 38, 1); + position: absolute; + bottom: 0; + left: 50%; + margin-left: -($D/2)/2; + width: $D/2; + height: $D/3; +} + +.c-cake__biscuit:after, +.c-cake__biscuit:before { + background: rgba(236, 231, 227, 0.6); + content: ""; + position: absolute; + width: 100%; + height: $D/20; +} + +.c-cake__biscuit:after { + top: 30%; + left: 0; +} + +.c-cake__biscuit:before { + top: 60%; + left: 0; +} diff --git a/site/styles/components/_components.section-about.scss b/site/styles/components/_components.section-about.scss index d6d4722..07f5803 100644 --- a/site/styles/components/_components.section-about.scss +++ b/site/styles/components/_components.section-about.scss @@ -8,7 +8,7 @@ } @include mq($from: desktop) { - height: 100vh; + min-height: 100vh; } // breakpoint from: desktop p { @@ -46,3 +46,11 @@ } // breakpoint until: tablet } } // .c-section-events + + + +.c-section-about__cake { + position: relative; + height: 150px; + margin-bottom: inuit-rem($spacing-base * 1.5); +} // .c-section-about__cake diff --git a/site/styles/main.scss b/site/styles/main.scss index 66844b2..6985433 100644 --- a/site/styles/main.scss +++ b/site/styles/main.scss @@ -119,6 +119,7 @@ $is-active_vertical-rhythm-debugger: false; // @import 'components/components.brand'; @import 'components/components.section-hero'; @import 'components/components.section-about'; +@import 'components/components.cake';