53 changed files with 1769 additions and 0 deletions
@ -0,0 +1,17 @@ |
|||
{ |
|||
"presets": [ |
|||
["@babel/preset-env", { |
|||
"targets": { |
|||
"browsers": [ |
|||
"last 2 versions", |
|||
"ie >= 10" |
|||
] |
|||
}, |
|||
"useBuiltIns": "entry" |
|||
}] |
|||
], |
|||
"plugins": [ |
|||
["transform-class-properties", { "spec": true }], |
|||
"transform-object-assign" |
|||
] |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
{ |
|||
"extends": [ |
|||
"google", |
|||
"prettier" |
|||
], |
|||
"plugins": [ |
|||
"prettier" |
|||
], |
|||
"parser": "babel-eslint", |
|||
"parserOptions": { |
|||
"sourceType": "module" |
|||
}, |
|||
"env": { |
|||
"es6": true, |
|||
"node": true |
|||
}, |
|||
"rules": { |
|||
"comma-dangle": [2,"never"], |
|||
"no-invalid-this": 0, |
|||
"require-jsdoc": 0, |
|||
"max-len": ["error", { "code": 120 }], |
|||
|
|||
"object-curly-spacing": ["error", "never"], |
|||
"array-bracket-spacing": ["error", "never"], |
|||
"computed-property-spacing": ["error", "never"], |
|||
|
|||
"semi": ["error", "always"], |
|||
"arrow-parens": ["error", "always"], |
|||
|
|||
"no-mixed-spaces-and-tabs": "error", |
|||
"indent": ["error", 2], |
|||
"no-trailing-spaces": "error" |
|||
} |
|||
} |
|||
@ -0,0 +1,313 @@ |
|||
# Cache, temp and personal files |
|||
|
|||
/.htaccess |
|||
*.log |
|||
npm-debug.log.* |
|||
.sass-cache/ |
|||
|
|||
# Cache |
|||
/cache/* |
|||
!/cache/.htaccess |
|||
!/cache/cachefs/index.php |
|||
!/cache/deprecated.txt |
|||
!/cache/index.php |
|||
!/cache/purifier/index.php |
|||
!/cache/push/activity |
|||
!/cache/push/index.php |
|||
!/cache/push/trends |
|||
!/cache/sandbox/index.php |
|||
!/cache/smarty/cache/index.php |
|||
!/cache/smarty/compile/index.php |
|||
!/cache/smarty/index.php |
|||
!/cache/tcpdf/index.php |
|||
|
|||
# Download |
|||
/download/* |
|||
!/download/.htaccess |
|||
!/download/index.php |
|||
|
|||
# Images |
|||
/img/* |
|||
!/img/.htaccess |
|||
!/img/index.php |
|||
!/img/404.gif |
|||
!/img/bg_500.png |
|||
!/img/bg_loader.png |
|||
!/img/favicon.ico |
|||
!/img/loader.gif |
|||
!/img/loadingAnimation.gif |
|||
!/img/logo.jpg |
|||
!/img/logo.png |
|||
!/img/logo_invoice.jpg |
|||
!/img/logo_stores.png |
|||
!/img/macFFBgHack.png |
|||
!/img/prestashop-avatar.png |
|||
!/img/prestashop@2x.png |
|||
!/img/preston-login-wink@2x.png |
|||
!/img/preston-login@2x.png |
|||
!/img/questionmark.png |
|||
!/img/genders/index.php |
|||
!/img/admin/index.php |
|||
!/img/c/index.php |
|||
!/img/cms/index.php |
|||
!/img/co/index.php |
|||
!/img/jquery-ui |
|||
!/img/l/index.php |
|||
!/img/m/index.php |
|||
!/img/os/index.php |
|||
!/img/p/index.php |
|||
!/img/s/index.php |
|||
!/img/scenes |
|||
!/img/st/index.php |
|||
!/img/su/index.php |
|||
!/img/t/index.php |
|||
!/img/tmp/index.php |
|||
|
|||
# Upload |
|||
/upload/* |
|||
!/upload/.htaccess |
|||
|
|||
/vendor/* |
|||
/docs/phpdoc-sf/ |
|||
/composer.lock |
|||
/tests/Selenium/errorShots/ |
|||
!/tests/Selenium/errorShots/.gitkeep |
|||
/tests/Selenium/errorDumps/ |
|||
!/tests/Selenium/errorDumps/.gitkeep |
|||
*.hot-update.js |
|||
*.hot-update.json |
|||
|
|||
tests-legacy/resources/modules/followup/ |
|||
tests-legacy/resources/modules/ps_emailalerts/ |
|||
tests-legacy/resources/modules/ps_emailsubscription/mails/ |
|||
tests-legacy/resources/modules/referralprogram/ |
|||
|
|||
/admin-dev/autoupgrade/* |
|||
!/admin-dev/autoupgrade/index.php |
|||
!/admin-dev/autoupgrade/backup/index.php |
|||
|
|||
/admin-dev/backups/* |
|||
!/admin-dev/backups/.htaccess |
|||
|
|||
/admin-dev/import/* |
|||
!/admin-dev/import/.htaccess |
|||
!/admin-dev/import/index.php |
|||
|
|||
/admin-dev/export/* |
|||
!/admin-dev/export/.htaccess |
|||
!/admin-dev/export/index.php |
|||
|
|||
themes/*/cache/* |
|||
|
|||
# Config |
|||
|
|||
config/settings.inc.php |
|||
config/settings.old.php |
|||
config/xml/* |
|||
config/themes/* |
|||
!config/xml/themes/default.xml |
|||
tests/Selenium/settings.js |
|||
themes/*/config/settings_*.json |
|||
app/config/parameters.old.yml |
|||
app/config/config.php |
|||
|
|||
# Themes, modules and overrides |
|||
|
|||
modules/* |
|||
!modules/hos* |
|||
!modules/creativeelements |
|||
!modules/amazzingfilter |
|||
!modules/addtofavoritesmywishlist |
|||
!override/* |
|||
!override/controllers/front/* |
|||
!override/classes/ObjectModel.php |
|||
themes/*/ |
|||
!themes/classic |
|||
!themes/classic-fork |
|||
!themes/_core |
|||
!themes/_libraries |
|||
|
|||
# Vendors and dependencies |
|||
|
|||
bower_components/ |
|||
node_modules/ |
|||
composer.phar |
|||
php-cs-fixer |
|||
.grunt/* |
|||
|
|||
# Translations and emails templates |
|||
|
|||
translations/* |
|||
mails/* |
|||
!mails/en/ |
|||
!mails/themes/ |
|||
themes/default-bootstrap/lang/* |
|||
themes/default-bootstrap/modules/*/translations/*.php |
|||
themes/default-bootstrap/mails/* |
|||
!themes/default-bootstrap/mails/en/ |
|||
themes/default-bootstrap/modules/*/mails/* |
|||
!themes/default-bootstrap/modules/*/mails/en |
|||
|
|||
# MISC |
|||
|
|||
*sitemap.xml |
|||
/robots.txt |
|||
|
|||
# Symfony |
|||
|
|||
/bin/ |
|||
/.web-server-pid |
|||
/app/Resources/geoip/GeoLite2-City.mmdb |
|||
/app/Resources/translations/* |
|||
!/app/Resources/translations/default |
|||
/app/config/parameters.yml |
|||
/app/config/parameters.php |
|||
/build/ |
|||
/phpunit.xml |
|||
/var/* |
|||
!/var/cache |
|||
/var/cache/* |
|||
!var/cache/.gitkeep |
|||
!/var/logs |
|||
/var/logs/* |
|||
!var/logs/.gitkeep |
|||
!/var/sessions |
|||
/var/sessions/* |
|||
!var/sessions/.gitkeep |
|||
!var/SymfonyRequirements.php |
|||
/vendor/ |
|||
/web/bundles/ |
|||
|
|||
|
|||
# Created by https://www.gitignore.io/api/linux,osx,windows,sublimetext,phpstorm |
|||
|
|||
### Linux ### |
|||
*~ |
|||
|
|||
# KDE directory preferences |
|||
.directory |
|||
|
|||
# Linux trash folder which might appear on any partition or disk |
|||
.Trash-* |
|||
|
|||
|
|||
### OSX ### |
|||
.DS_Store |
|||
.AppleDouble |
|||
.LSOverride |
|||
|
|||
# Icon must end with two \r |
|||
Icon |
|||
|
|||
|
|||
# Thumbnails |
|||
._* |
|||
|
|||
# Files that might appear in the root of a volume |
|||
.DocumentRevisions-V100 |
|||
.fseventsd |
|||
.Spotlight-V100 |
|||
.TemporaryItems |
|||
.Trashes |
|||
.VolumeIcon.icns |
|||
|
|||
# Directories potentially created on remote AFP share |
|||
.AppleDB |
|||
.AppleDesktop |
|||
Network Trash Folder |
|||
Temporary Items |
|||
.apdisk |
|||
|
|||
|
|||
### Windows ### |
|||
# Windows image file caches |
|||
Thumbs.db |
|||
ehthumbs.db |
|||
|
|||
# Folder config file |
|||
Desktop.ini |
|||
|
|||
# Recycle Bin used on file shares |
|||
$RECYCLE.BIN/ |
|||
|
|||
# Windows Installer files |
|||
*.cab |
|||
*.msi |
|||
*.msm |
|||
*.msp |
|||
|
|||
# Windows shortcuts |
|||
*.lnk |
|||
|
|||
|
|||
### SublimeText ### |
|||
# cache files for sublime text |
|||
*.tmlanguage.cache |
|||
*.tmPreferences.cache |
|||
*.stTheme.cache |
|||
|
|||
# workspace files are user-specific |
|||
*.sublime-workspace |
|||
|
|||
# project files should be checked into the repository, unless a significant |
|||
# proportion of contributors will probably not be using SublimeText |
|||
# *.sublime-project |
|||
|
|||
# sftp configuration file |
|||
sftp-config.json |
|||
|
|||
|
|||
### PhpStorm ### |
|||
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio |
|||
|
|||
*.iml |
|||
|
|||
## Directory-based project format: |
|||
.idea/ |
|||
|
|||
## File-based project format: |
|||
*.ipr |
|||
*.iws |
|||
|
|||
## Plugin-specific files: |
|||
|
|||
# IntelliJ |
|||
/out/ |
|||
|
|||
# mpeltonen/sbt-idea plugin |
|||
.idea_modules/ |
|||
|
|||
# JIRA plugin |
|||
atlassian-ide-plugin.xml |
|||
|
|||
# Crashlytics plugin (for Android Studio and IntelliJ) |
|||
com_crashlytics_export_strings.xml |
|||
crashlytics.properties |
|||
crashlytics-build.properties |
|||
|
|||
### NetBeans ### |
|||
nbproject/private/ |
|||
/build/ |
|||
nbbuild/ |
|||
dist/ |
|||
nbdist/ |
|||
nbactions.xml |
|||
nb-configuration.xml |
|||
.nb-gradle/ |
|||
|
|||
### Eclipse ### |
|||
.buildpath |
|||
.project |
|||
.settings/ |
|||
.externalToolBuilders/ |
|||
|
|||
### Release creation ### |
|||
tools/build/releases/* |
|||
!tools/build/releases/.gitkeep |
|||
|
|||
|
|||
node_modules/ |
|||
public/ |
|||
package-lock.json |
|||
|
|||
img/ |
|||
@ -0,0 +1,21 @@ |
|||
<div class="component-ambassador"> |
|||
<div class="row container mx-auto"> |
|||
<div class="col-6 ml-auto"> |
|||
<h3 class="title">Diventa nostro ambassador</h3> |
|||
|
|||
<div class="row"> |
|||
<div class="col-8"> |
|||
<span class="subtitle">In palio 2 borse di studio a copertura totale.</span> |
|||
<p class="text"> |
|||
Compila la lettera di motivazione e rispondi alle nostre domande, puoi vincere un free-pass per la masterclass. |
|||
</p> |
|||
<button class="button button-blue mt-4">Compila</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-5"> |
|||
<img class="image" src="/images/people.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - ambassador') |
|||
|
|||
}) |
|||
@ -0,0 +1,35 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-ambassador { |
|||
background: $light-grey; |
|||
|
|||
.title { |
|||
display: block; |
|||
font-size: $font-48; |
|||
font-weight: normal; |
|||
color: $blue; |
|||
padding: 40px 0 30px 0; |
|||
} |
|||
|
|||
.subtitle { |
|||
display: block; |
|||
font-size: $font-18; |
|||
font-weight: bold; |
|||
color: $dark-grey; |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.text { |
|||
display: block; |
|||
font-size: $font-18; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
padding-bottom: 10px; |
|||
margin: 0; |
|||
} |
|||
|
|||
.image { |
|||
width: 100%; |
|||
} |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
<div class="component-footer"> |
|||
<div class="row container mx-auto"> |
|||
<div class="col-2 ml-auto d-flex"> |
|||
<img class="image ml-auto" src="/images/anes.svg"> |
|||
</div> |
|||
<div class="col-2 mr-auto d-flex"> |
|||
<img class="image mr-auto" src="/images/marketmind.svg"> |
|||
</div> |
|||
<div class="col-12 text"> |
|||
Copyright – ANES, MarketMind Research. Per info: informazioni@info.com |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - footer') |
|||
|
|||
}) |
|||
@ -0,0 +1,18 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-footer { |
|||
background: $light-grey; |
|||
padding: 30px 0; |
|||
|
|||
|
|||
.text { |
|||
display: block; |
|||
font-size: $font-14; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
text-align: center; |
|||
padding: 30px 0 10px 0; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
<header class="component-header"> |
|||
<div class="row container mx-auto"> |
|||
<div class="col-5 ml-auto"> |
|||
<div class="row"> |
|||
<div class="col-5 p-3 text-center"> |
|||
<img class="image" src="/images/b2bacademy.svg"> |
|||
</div> |
|||
<div class="col-3 mx-auto p-3 text-center"> |
|||
<p class="font-11 m-0">PARTNER</p> |
|||
<img class="image my-2" src="/images/anes.svg"> |
|||
<img class="image my-2" src="/images/marketmind.svg"> |
|||
</div> |
|||
<div class="col-12"> |
|||
<h1 class="title"> |
|||
Intelligenza Artificiale per il business |
|||
</h1> |
|||
|
|||
<p class="subtitle">Master class</p> |
|||
<p class="text"> |
|||
La Masterclass in Intelligenza Artificiale per il business è un weekend full-immersion di formazione in cui imparerai a comprendere e utilizzare le nuove tecnologie di A.I. per creare incredibili prodotti e servizi. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-6"> |
|||
<img class="image" src="/images/header.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="line"> |
|||
<div class="container mx-auto"> |
|||
<span class="line-text pr-2">Codice Early Bird -20% </span> |
|||
<span class="code">XPR3877</span> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - header') |
|||
|
|||
}) |
|||
@ -0,0 +1,75 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-header { |
|||
width: 100%; |
|||
background: $light-grey; |
|||
|
|||
.image { |
|||
width: 100%; |
|||
} |
|||
|
|||
.title { |
|||
display: block; |
|||
font-size: $font-50; |
|||
font-weight: 300; |
|||
line-height: 60px; |
|||
color: $blue; |
|||
padding: 40px 0 5px 0; |
|||
margin: 0; |
|||
|
|||
&:after { |
|||
display: block; |
|||
content: ''; |
|||
height: 2px; |
|||
margin-top: 20px; |
|||
width: 100%; |
|||
background: linear-gradient(to right, $blue, $light-grey); |
|||
} |
|||
} |
|||
|
|||
.subtitle { |
|||
font-size: $font-18; |
|||
font-weight: bold; |
|||
line-height: 20px; |
|||
color: $dark-grey; |
|||
padding: 25px 0; |
|||
margin: 0; |
|||
text-transform: uppercase; |
|||
} |
|||
|
|||
.text { |
|||
font-size: $font-18; |
|||
font-weight: normal; |
|||
line-height: 22px; |
|||
padding-bottom: 50px; |
|||
margin: 0; |
|||
color: $dark-grey; |
|||
} |
|||
|
|||
.line { |
|||
background: $yellow; |
|||
height: 70px; |
|||
text-align: center; |
|||
|
|||
.container { |
|||
height: 70px; |
|||
line-height: 70px; |
|||
|
|||
.line-text { |
|||
display: inline-block; |
|||
color: $black; |
|||
font-size: $font-18; |
|||
text-transform: uppercase; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.code { |
|||
display: inline-block; |
|||
color: $black; |
|||
font-size: $font-32; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,11 @@ |
|||
<div class="component-info"> |
|||
<div class="row container mx-auto"> |
|||
<div class="col-6 mx-auto text-center"> |
|||
<h3 class="title">Alcune domande a cui saprai rispondere</h3> |
|||
<p class="text"> |
|||
Scrivi a<br> |
|||
informazioni@info.it |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - info') |
|||
|
|||
}) |
|||
@ -0,0 +1,20 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-info { |
|||
.title { |
|||
display: block; |
|||
font-size: $font-32; |
|||
font-weight: bold; |
|||
color: $blue; |
|||
padding: 30px 0; |
|||
} |
|||
|
|||
.text { |
|||
display: block; |
|||
font-size: $font-20; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
padding-bottom: 20px; |
|||
} |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
<div class="component-questions"> |
|||
<div class="row container mx-auto"> |
|||
<div class="col-6 mx-auto text-center"> |
|||
<h3 class="title">Alcune domande a cui saprai rispondere</h3> |
|||
<p class="item"> |
|||
Cos'è esattamente l'intelligenza artificiale?<br>
E quali sono i suoi limiti attuali? |
|||
</p> |
|||
<p class="item"> |
|||
Cos'è il Machine Learning e che valore può consegnare alla mia azienda / startup? |
|||
</p> |
|||
<p class="item"> |
|||
Dove reperire la tecnologia necessaria per sviluppare un primo progetto di AI? |
|||
</p> |
|||
<p class="item"> |
|||
Quali sono le metodologie che consentono di prototipare rapidamente proof-of-concept con poco effort e poco budget? |
|||
</p> |
|||
<p class="item"> |
|||
Qual è il processo di adozione che dovrei seguire per gestire l'implementazione di un primo progetto di AI? |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - questions') |
|||
|
|||
}) |
|||
@ -0,0 +1,26 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-questions { |
|||
background-image: url(/images/bgquestions.png); |
|||
background-position: center center; |
|||
background-repeat: no-repeat; |
|||
background-size: cover; |
|||
padding: 40px 0; |
|||
|
|||
.title { |
|||
display: block; |
|||
font-size: $font-32; |
|||
font-weight: bold; |
|||
color: $blue; |
|||
padding: 40px 0; |
|||
} |
|||
|
|||
.item { |
|||
display: block; |
|||
font-size: $font-20; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
padding-bottom: 20px; |
|||
} |
|||
} |
|||
@ -0,0 +1,40 @@ |
|||
<div class="component-register"> |
|||
<div class="row mx-auto"> |
|||
<div class="col-5 pt-5 ml-auto"> |
|||
<div class="item"> |
|||
<span class="icon icon-marker"></span> |
|||
<span class="title">Milano</span> |
|||
</div> |
|||
<div class="item"> |
|||
<span class="icon icon-calendar"></span> |
|||
<span class="title">6-7 Giugno 2020</span> |
|||
</div> |
|||
<div class="item"> |
|||
<span class="icon icon-hourglass"></span> |
|||
<span class="title">14 ore di lezioni e workshop</span> |
|||
</div> |
|||
<div class="item"> |
|||
<span class="icon icon-tag"></span> |
|||
<span class="title">EARLY BIRD 300 €</span> |
|||
<span class="subtitle">registrazioni fino al 15/3/2020</span> |
|||
<span class="title mt-2">ADVANCED: 400€ </span> |
|||
<span class="subtitle">registrazioni fino al 15/4/2020</span> |
|||
</div> |
|||
|
|||
<button class="button button-blue mt-4">Registrazione</button> |
|||
</div> |
|||
<div class="list col-4 mx-auto"> |
|||
<h3 class="title">A chi è rivolto</h3> |
|||
<p class="subtitle">Il weekend full immersion è dedicato a:</p> |
|||
<span class="list-item"> |
|||
Manager e decision maker che desiderano comprendere e sfruttare il nuovo trend tecnologico dell'Intelligenza Artificiale da un punto di vista business e organizzativo. |
|||
</span> |
|||
<span class="list-item"> |
|||
Professionisti del settore IT che desiderano comprendere le metodologie di adozione e come analizzare e valutare i business case abilitati da tecnologie di Intelligenza Artificiale. |
|||
</span> |
|||
<span class="list-item"> |
|||
Chiunque voglia diventare una figura di riferimento all'interno della propria società/startup per tutte le tematiche inerenti all'A.I.. |
|||
</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - register') |
|||
|
|||
}) |
|||
@ -0,0 +1,85 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-register { |
|||
|
|||
.item { |
|||
position: relative; |
|||
display: block; |
|||
padding: 15px 0; |
|||
border-bottom: 1px solid $light-grey; |
|||
|
|||
&:last-of-type { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.icon { |
|||
position: absolute; |
|||
display: block; |
|||
color: $blue; |
|||
font-size: $font-20; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.title { |
|||
display: block; |
|||
font-size: $font-18; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
text-transform: uppercase; |
|||
padding-left: 40px; |
|||
} |
|||
|
|||
.subtitle { |
|||
display: block; |
|||
font-size: $font-14; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
text-transform: uppercase; |
|||
padding-left: 40px; |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
.title { |
|||
display: block; |
|||
font-size: $font-32; |
|||
font-weight: bold; |
|||
color: $blue; |
|||
&:after { |
|||
display: block; |
|||
content: ''; |
|||
height: 2px; |
|||
margin-top: 20px; |
|||
width: 100%; |
|||
background: linear-gradient(to right, $blue, $light-grey); |
|||
} |
|||
} |
|||
|
|||
.subtitle { |
|||
display: block; |
|||
font-size: $font-16; |
|||
font-weight: bold; |
|||
color: $dark-grey; |
|||
padding-top: 20px; |
|||
} |
|||
|
|||
.list-item { |
|||
position: relative; |
|||
display: block; |
|||
font-size: $font-18; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
padding: 0 20px 20px 40px; |
|||
|
|||
&:before { |
|||
content: '\e901'; |
|||
position: absolute; |
|||
left: 0; |
|||
font-family: $icon; |
|||
font-size: $font-20; |
|||
color: $blue; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,17 @@ |
|||
<div class="component-teacher"> |
|||
<div class="row"> |
|||
<div class="col-4 ml-auto d-flex"> |
|||
<img class="image mx-auto my-auto" src="/images/teacher.png"> |
|||
</div> |
|||
<div class="col-5 mr-auto"> |
|||
<h3 class="title">Docente</h3> |
|||
<span class="subtitle">Fabio Foglia</span> |
|||
<p class="text"> |
|||
È un co-founder e partner di MarketMind Research e nella sua carriera ha aiutato numerose organizzazioni (tra cui banche, società di assicurazioni, ospedali e università) a implementare progetti di Intelligenza Artificiale e predictive analytics. |
|||
</p> |
|||
<p class="text"> |
|||
È attualmente docente a contratto presso l'Università Luigi Bocconi e presso la scuola d'innovazione Talent Garden dove si occupa di Intelligenza Artificiale applicata.Ha lavorato come consulente in numerose multinazionali, in particolare all'interno del settore IT Governance. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - teacher') |
|||
|
|||
}) |
|||
@ -0,0 +1,34 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-teacher { |
|||
|
|||
.image { |
|||
width: 60% |
|||
} |
|||
|
|||
.title { |
|||
display: block; |
|||
font-size: $font-48; |
|||
font-weight: normal; |
|||
color: $blue; |
|||
padding: 40px 0 20px 0; |
|||
} |
|||
|
|||
.subtitle { |
|||
display: block; |
|||
font-size: $font-22; |
|||
font-weight: bold; |
|||
color: $dark-grey; |
|||
padding-bottom: 20px; |
|||
} |
|||
|
|||
.text { |
|||
display: block; |
|||
font-size: $font-18; |
|||
font-weight: normal; |
|||
color: $dark-grey; |
|||
padding-bottom: 20px; |
|||
margin: 0; |
|||
} |
|||
} |
|||
@ -0,0 +1,4 @@ |
|||
<div class="component-test"> |
|||
<div class="row no-gutters"> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,5 @@ |
|||
|
|||
$(document).ready( () => { |
|||
console.log('Load component - test') |
|||
|
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
@import "../../src/scss/mixins.scss"; |
|||
|
|||
.component-test { |
|||
|
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
|
|||
COMPDIR="components/$2" |
|||
|
|||
if [ ${1} = "add" ] |
|||
then |
|||
mkdir $COMPDIR |
|||
printf "<div class=\"component-$2\">\n <div class=\"row no-gutters\">\n </div>\n</div>" > "$COMPDIR/$2.html" |
|||
printf "@import \"../../src/scss/variables.scss\";\n@import \"../../src/scss/mixins.scss\";\n \n.component-$2 {\n\n}" > "$COMPDIR/$2.scss" |
|||
printf "\n\$(document).ready( () => {\n console.log('Load component - $2')\n\n})" > "$COMPDIR/$2.js" |
|||
echo "@import \"./components/$2/$2.scss\";" >> src/scss/main.scss |
|||
fi |
|||
|
|||
if [ ${1} = "del" ] |
|||
then |
|||
rm -rf $COMPDIR |
|||
sed -i "\/$2\/$2.scss/d" src/scss/main.scss |
|||
fi |
|||
|
|||
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 367 KiB |
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 317 KiB |
|
After Width: | Height: | Size: 72 KiB |
@ -0,0 +1,53 @@ |
|||
{ |
|||
"name": "anes", |
|||
"version": "1.0.0", |
|||
"description": "ANES", |
|||
"main": "index.js", |
|||
"repository": "git@2.238.194.8:2222/git/anes.git", |
|||
"scripts": { |
|||
"dev": "nodemon --watch webpack.config.js --exec \"webpack --config webpack.config.js --watch --progress --mode development\"", |
|||
"prod": "webpack --config webpack.config.js --mode none --env.prod", |
|||
"add-comp": "sh ./comps.sh add", |
|||
"del-comp": "sh ./comps.sh del", |
|||
"preview": "yarn prod && http-server", |
|||
"clean": "rm -rf ./node_modules ./public ./package-lock.json" |
|||
}, |
|||
"author": "Dslak", |
|||
"license": "MIT", |
|||
"dependencies": { |
|||
"@babel/core": "^7.5.4", |
|||
"@babel/preset-env": "^7.6.3", |
|||
"autoprefixer": "^9.6.0", |
|||
"babel-eslint": "^10.0.2", |
|||
"babel-loader": "^8.0.6", |
|||
"babel-plugin-transform-class-properties": "^6.24.1", |
|||
"babel-plugin-transform-object-assign": "^6.22.0", |
|||
"babel-preset-env": "^1.7.0", |
|||
"bootstrap": "^4.3.1", |
|||
"copy-webpack-plugin": "^5.0.3", |
|||
"css-loader": "^3.0.0", |
|||
"es6-promise-promise": "^1.0.0", |
|||
"eslint": "^6.0.1", |
|||
"eslint-config-google": "^0.13.0", |
|||
"eslint-config-prettier": "^6.0.0", |
|||
"eslint-plugin-prettier": "^3.1.0", |
|||
"extract-loader": "^3.1.0", |
|||
"file-loader": "^4.0.0", |
|||
"glob": "^7.1.4", |
|||
"html-loader": "^0.5.5", |
|||
"html-webpack-plugin": "^3.2.0", |
|||
"http-server": "^0.12.1", |
|||
"jquery": "^3.4.1", |
|||
"mini-css-extract-plugin": "^0.7.0", |
|||
"node-sass": "^4.12.0", |
|||
"nodemon": "^1.19.1", |
|||
"popper.js": "^1.15.0", |
|||
"postcss-loader": "^3.0.0", |
|||
"prettier": "^1.18.2", |
|||
"sass-loader": "^7.1.0", |
|||
"url-loader": "^2.0.1", |
|||
"webpack": "^4.41.1", |
|||
"webpack-cli": "^3.3.9", |
|||
"webpack-notifier": "^1.8.0" |
|||
} |
|||
} |
|||
@ -0,0 +1,41 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="it"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<title>Anes</title> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<meta name="description" content="."> |
|||
<link rel="stylesheet" href="/assets/css/styles.css"> |
|||
</head> |
|||
<body> |
|||
|
|||
${require('../components/header/header.html')} |
|||
|
|||
<main class="main-content"> |
|||
|
|||
<section class="container"> |
|||
${require('../components/register/register.html')} |
|||
</section> |
|||
|
|||
<section class="container container-full"> |
|||
${require('../components/questions/questions.html')} |
|||
</section> |
|||
|
|||
<section class="container"> |
|||
${require('../components/teacher/teacher.html')} |
|||
</section> |
|||
|
|||
<section class="container container-full"> |
|||
${require('../components/ambassador/ambassador.html')} |
|||
</section> |
|||
|
|||
<section class="container"> |
|||
${require('../components/info/info.html')} |
|||
</section> |
|||
|
|||
</main> |
|||
|
|||
${require('../components/footer/footer.html')} |
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,13 @@ |
|||
const autoprefixer = require('autoprefixer') |
|||
|
|||
module.exports = { |
|||
plugins: [ |
|||
autoprefixer({ |
|||
overrideBrowserslist: [ |
|||
'last 2 versions', |
|||
'> 1%', |
|||
'maintained node versions', |
|||
'not dead', 'ie >= 10'] |
|||
}) |
|||
] |
|||
} |
|||
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1 @@ |
|||
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M872 320h-848c-13.254 0-24-10.746-24-24v-72c0-53.020 42.98-96 96-96h96v-104c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v104h256v-104c0-13.254 10.746-24 24-24h80c13.254 0 24 10.746 24 24v104h96c53.020 0 96 42.98 96 96v72c0 13.254-10.746 24-24 24zM24 384h848c13.254 0 24 10.746 24 24v520c0 53.020-42.98 96-96 96h-704c-53.020 0-96-42.98-96-96v-520c0-13.254 10.746-24 24-24zM690.592 575.894l-56.338-56.796c-9.334-9.41-24.53-9.472-33.94-0.136l-212.074 210.368-91.96-92.704c-9.334-9.41-24.532-9.472-33.942-0.136l-56.794 56.34c-9.41 9.334-9.472 24.53-0.136 33.94l165.202 166.538c9.334 9.41 24.53 9.472 33.94 0.136l285.906-283.61c9.41-9.334 9.472-24.53 0.136-33.94z"],"attrs":[{}],"width":896,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["calendar"]},"attrs":[{}],"properties":{"order":78,"id":4,"name":"calendar","prevSize":32,"code":59648},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M512 16c-273.934 0-496 222.066-496 496s222.066 496 496 496 496-222.066 496-496-222.066-496-496-496zM512 112c221.064 0 400 178.902 400 400 0 221.064-178.902 400-400 400-221.064 0-400-178.902-400-400 0-221.064 178.902-400 400-400zM792.408 372.534l-45.072-45.436c-9.334-9.41-24.53-9.472-33.94-0.136l-282.704 280.432-119.584-120.554c-9.334-9.41-24.53-9.472-33.94-0.138l-45.438 45.072c-9.41 9.334-9.472 24.53-0.136 33.942l181.562 183.032c9.334 9.41 24.53 9.472 33.94 0.136l345.178-342.408c9.408-9.336 9.468-24.532 0.134-33.942z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["check"]},"attrs":[{}],"properties":{"order":79,"id":3,"name":"check","prevSize":32,"code":59649},"setIdx":0,"setId":0,"iconIdx":1},{"icon":{"paths":["M720 0h-672c-26.51 0-48 21.49-48 48v32c0 26.51 21.49 48 48 48 0 181.93 102.032 335.468 241.684 384-139.652 48.532-241.684 202.070-241.684 384-26.51 0-48 21.49-48 48v32c0 26.51 21.49 48 48 48h672c26.51 0 48-21.49 48-48v-32c0-26.51-21.49-48-48-48 0-181.93-102.032-335.468-241.684-384 139.652-48.532 241.684-202.070 241.684-384 26.51 0 48-21.49 48-48v-32c0-26.51-21.49-48-48-48zM569.844 768h-371.684c34.118-93.594 104.192-160 185.84-160 81.642 0 151.724 66.392 185.844 160zM569.882 256h-371.726c-14.18-38.904-22.156-82.504-22.156-128h416c0 45.61-7.974 89.174-22.118 128z"],"attrs":[{}],"width":768,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["hourglass"]},"attrs":[{}],"properties":{"order":80,"id":2,"name":"hourglass","prevSize":32,"code":59650},"setIdx":0,"setId":0,"iconIdx":2},{"icon":{"paths":["M344.536 1003.34c-290.596-421.278-344.536-464.514-344.536-619.34 0-212.078 171.922-384 384-384s384 171.922 384 384c0 154.826-53.94 198.062-344.536 619.34-19.070 27.548-59.86 27.546-78.928 0zM384 544c88.366 0 160-71.634 160-160s-71.634-160-160-160-160 71.634-160 160 71.634 160 160 160z"],"attrs":[{}],"width":768,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["marker"]},"attrs":[{}],"properties":{"order":81,"id":1,"name":"marker","prevSize":32,"code":59651},"setIdx":0,"setId":0,"iconIdx":3},{"icon":{"paths":["M0 504.236v-408.236c0-53.020 42.98-96 96-96h408.236c26.51 0 50.509 10.745 67.882 28.118l423.764 423.764c37.49 37.49 37.49 98.274 0 135.764l-408.236 408.236c-37.49 37.49-98.274 37.49-135.764 0l-423.764-423.764c-17.373-17.373-28.118-41.372-28.118-67.882l-0-0zM224 128c-53.020 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96-42.98-96-96-96z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tag"]},"attrs":[{}],"properties":{"order":82,"id":0,"name":"tag","prevSize":32,"code":59652},"setIdx":0,"setId":0,"iconIdx":4}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":false,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"autoHost":true},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16,"quickUsageToken":{"UntitledProject":"ZjQ5ODNjZDkzZGRhNGRlZDg3YmQ2Njc5YTQyNWU2Y2QjMSMxNTY0MDUxMDkxIyMj"},"showGrid":false}} |
|||
@ -0,0 +1,20 @@ |
|||
|
|||
window.readyResize = (callback, orientation = false) => { |
|||
if ($.isFunction(callback)) { |
|||
$(document).ready(()=>{ |
|||
callback(); |
|||
}) |
|||
$(window).resize(()=>{ |
|||
console.log('Window resize ') |
|||
callback() |
|||
}) |
|||
if(orientation) { |
|||
window.addEventListener("orientationchange", () => { |
|||
const WCO = ($(window).width() > $(window).height()) ? "landscape" : "portrait" |
|||
console.log('Change orientation: ' + WCO) |
|||
callback() |
|||
}) |
|||
} |
|||
} |
|||
}; |
|||
|
|||
@ -0,0 +1 @@ |
|||
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'); |
|||
@ -0,0 +1,230 @@ |
|||
|
|||
input, |
|||
button { |
|||
border: 1px solid $black; |
|||
background: $white; |
|||
border-radius: 0; |
|||
height: 28px; |
|||
} |
|||
|
|||
button { |
|||
border: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
input, |
|||
select, |
|||
textarea { |
|||
font-size: $font-12; |
|||
border-radius: 0; |
|||
background: $white; |
|||
width: 100%; |
|||
outline: none !important; |
|||
|
|||
&:active, |
|||
&:focus{ |
|||
outline: none !important; |
|||
} |
|||
|
|||
&:-moz-focusring { |
|||
//color: transparent; |
|||
text-shadow: 0 0 0 $black; |
|||
} |
|||
|
|||
&:-webkit-autofill { |
|||
-webkit-text-fill-color: $black; |
|||
box-shadow: 0 0 0px 1000px $white inset !important; |
|||
&:focus, |
|||
&:hover { |
|||
-webkit-text-fill-color: $black; |
|||
box-shadow: 0 0 0px 1000px $white inset !important; |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
|
|||
select, |
|||
input[type=text], |
|||
input[type=password], |
|||
input[type=email], |
|||
input[type=tel], |
|||
input[type=date] { |
|||
border: none; |
|||
border-bottom: 1px solid $black; |
|||
height: 30px; |
|||
box-shadow: unset; |
|||
text-transform: initial !important; |
|||
|
|||
& + .label-text, |
|||
& + label { |
|||
color: $grey; |
|||
top: -1*$font-10; |
|||
position: absolute; |
|||
display: block; |
|||
@include font-style($font-sans, 'regular', $font-10); |
|||
text-transform: uppercase; |
|||
} |
|||
|
|||
&:required { |
|||
& + .label-text, |
|||
& + label { |
|||
&::after { |
|||
content: ' *'; |
|||
} |
|||
|
|||
& ~ .error-message { |
|||
display: none; |
|||
color: $red; |
|||
@include font-style($font-sans, 'regular', $font-10); |
|||
} |
|||
} |
|||
} |
|||
|
|||
&.has-error { |
|||
border-bottom: 1px solid $red; |
|||
& + .label-text, |
|||
& + label { |
|||
color: $red; |
|||
text-transform: uppercase; |
|||
& ~ .error-message { |
|||
display: block; |
|||
color: $red; |
|||
text-transform: uppercase; |
|||
} |
|||
} |
|||
} |
|||
|
|||
&.transparent { |
|||
background: transparent; |
|||
} |
|||
|
|||
&:disabled { |
|||
border-bottom: 1px solid $grey; |
|||
& + .label-text, |
|||
& + label { |
|||
color: $grey; |
|||
} |
|||
} |
|||
} |
|||
|
|||
fieldset, |
|||
.fieldset { |
|||
position: relative; |
|||
padding-bottom: 35px; |
|||
.label-text { |
|||
color: $grey; |
|||
|
|||
&.required { |
|||
&:after { |
|||
content: '*'; |
|||
} |
|||
} |
|||
} |
|||
|
|||
&.has-error { |
|||
.label-text { |
|||
color: $red; |
|||
text-transform: uppercase; |
|||
font-size: $font-10; |
|||
} |
|||
.error-message { |
|||
color: $red; |
|||
display: block !important; |
|||
text-transform: uppercase; |
|||
font-size: $font-10; |
|||
} |
|||
input { |
|||
border-bottom: 1px solid $red; |
|||
} |
|||
} |
|||
} |
|||
|
|||
select { |
|||
appearance: none; |
|||
background-image: url(/images/arrow-down.svg); |
|||
background-size: auto 40%; |
|||
background-repeat: no-repeat; |
|||
background-position: right 3px center; |
|||
|
|||
&:disabled { |
|||
background-image: url(/images/arrow-down-grey.svg); |
|||
} |
|||
&:focus { |
|||
//background-image: url(/images/arrow-up.svg); |
|||
} |
|||
} |
|||
|
|||
|
|||
.button { |
|||
border: none; |
|||
color: $black; |
|||
background: transparent; |
|||
border-radius: 0; |
|||
height: auto; |
|||
display: block; |
|||
padding: 10px 20px; |
|||
text-align: center; |
|||
@include font-style( $font-sans, 'regular', $font-18); |
|||
text-transform: uppercase; |
|||
|
|||
&.button-blue { |
|||
background: $blue; |
|||
color: $white; |
|||
} |
|||
|
|||
&.button-small { |
|||
height: 18px; |
|||
line-height: $font-6; |
|||
padding: 5px; |
|||
} |
|||
|
|||
&:disabled { |
|||
opacity: 0.5; |
|||
} |
|||
} |
|||
|
|||
.checkbox { |
|||
display: inline-block; |
|||
position: relative; |
|||
padding-left: 25px; |
|||
margin-bottom: 12px; |
|||
cursor: pointer; |
|||
user-select: none; |
|||
width: 100%; |
|||
float: left; |
|||
line-height: 12px; |
|||
|
|||
.checkmark { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
height: 15px; |
|||
width: 15px; |
|||
background: none; |
|||
border: 1px solid $black; |
|||
&:disabled { |
|||
border-bottom: 1px solid $grey; |
|||
} |
|||
|
|||
&:after { |
|||
content: ''; |
|||
position: absolute; |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
input { |
|||
position: absolute; |
|||
opacity: 0; |
|||
cursor: pointer; |
|||
height: 0; |
|||
width: 0; |
|||
&:checked ~ .checkmark { |
|||
background: $black; |
|||
&:after { |
|||
display: block; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,125 @@ |
|||
|
|||
body { |
|||
font-family: $font-sans; |
|||
font-weight: 400; |
|||
margin: 0; |
|||
color: $black; |
|||
overflow-x: hidden; |
|||
} |
|||
|
|||
|
|||
ul { |
|||
list-style: none; |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
|
|||
a, |
|||
input, |
|||
button { |
|||
text-decoration: none; |
|||
outline: none; |
|||
&:active, |
|||
&:visited, |
|||
&:hover, |
|||
&:focus{ |
|||
outline: none; |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
|
|||
.font-serif { |
|||
font-family: $font-serif; |
|||
} |
|||
|
|||
.font-sans { |
|||
font-family: $font-sans; |
|||
} |
|||
|
|||
.text-right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.text-left { |
|||
text-align: left; |
|||
} |
|||
|
|||
.text-center { |
|||
text-align: center; |
|||
} |
|||
|
|||
@each $bp in $grid-breakpoints { |
|||
$key: nth($bp, 1); |
|||
$value: nth($bp, 2); |
|||
|
|||
@media (min-width: $value) { |
|||
.text-#{$key}-center{ |
|||
text-align: center; |
|||
} |
|||
.text-#{$key}-left { |
|||
text-align: left; |
|||
} |
|||
.text-#{$key}-right { |
|||
text-align: right; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.text-white { |
|||
color: $white; |
|||
} |
|||
|
|||
.text-black { |
|||
color: $black; |
|||
} |
|||
|
|||
.text-grey { |
|||
color: $grey; |
|||
} |
|||
|
|||
.text-bold { |
|||
font-weight: bold !important; |
|||
} |
|||
|
|||
.text-uppercase { |
|||
text-transform: uppercase; |
|||
} |
|||
|
|||
.middle { |
|||
@include middle(); |
|||
} |
|||
|
|||
.full-middle { |
|||
@include full-middle(); |
|||
} |
|||
|
|||
// Font size |
|||
@each $size in 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 25, 26, 28, 30, 32, 34, 36, 38, 40, 42, 46, 48, 50, 52, 54, 60, 72 { |
|||
.font-#{$size} {font-size: #{$size/16}rem !important;} |
|||
} |
|||
|
|||
.main-content { |
|||
|
|||
//min-height: calc(100vh - #{$header-height} - #{$footer-height}); |
|||
|
|||
&.container-fluid { |
|||
&.full-width { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
overflow-x: hidden; |
|||
} |
|||
} |
|||
|
|||
section { |
|||
margin: 50px auto; |
|||
&.container-full { |
|||
padding: 0; |
|||
max-width: initial; |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
.debug-border { |
|||
border: 1px solid red; |
|||
} |
|||
@ -0,0 +1,42 @@ |
|||
@font-face { |
|||
font-family: 'icomoon'; |
|||
src: url('../fonts/icomoon.eot'); |
|||
src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), |
|||
url('../fonts/icomoon.ttf') format('truetype'), |
|||
url('../fonts/icomoon.woff') format('woff'), |
|||
url('../fonts/icomoon.svg#icomoon') format('svg'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
[class^="icon-"], [class*=" icon-"] { |
|||
/* use !important to prevent issues with browser extensions that change fonts */ |
|||
font-family: 'icomoon' !important; |
|||
speak: none; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
font-variant: normal; |
|||
text-transform: none; |
|||
line-height: 1; |
|||
|
|||
/* Better Font Rendering =========== */ |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
|
|||
.icon-calendar:before { |
|||
content: "\e900"; |
|||
} |
|||
.icon-check:before { |
|||
content: "\e901"; |
|||
} |
|||
.icon-hourglass:before { |
|||
content: "\e902"; |
|||
} |
|||
.icon-marker:before { |
|||
content: "\e903"; |
|||
} |
|||
.icon-tag:before { |
|||
content: "\e904"; |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
@import "../scss/variables.scss"; |
|||
@import "../scss/mixins.scss"; |
|||
|
|||
/* Libraries */ |
|||
@import "./node_modules/bootstrap/scss/bootstrap"; |
|||
|
|||
/* Global setup */ |
|||
@import "../scss/fonts.scss"; |
|||
@import "../scss/icons.scss"; |
|||
@import "../scss/global.scss"; |
|||
@import "../scss/forms.scss"; |
|||
|
|||
@import "./components/test/test.scss"; |
|||
@import "./components/header/header.scss"; |
|||
@import "./components/register/register.scss"; |
|||
@import "./components/questions/questions.scss"; |
|||
@import "./components/teacher/teacher.scss"; |
|||
@import "./components/ambassador/ambassador.scss"; |
|||
@import "./components/info/info.scss"; |
|||
@import "./components/footer/footer.scss"; |
|||
@ -0,0 +1,69 @@ |
|||
@import "../../src/scss/variables.scss"; |
|||
|
|||
@mixin font-style ( $font: $font-serif, $style: 'regular', $size: $font-12 , $ls: normal ) { |
|||
font-family: $font; |
|||
font-size: $size; |
|||
letter-spacing: $ls; |
|||
|
|||
@if $style == 'regular' { |
|||
font-weight: 400; |
|||
} @else if $style == 'light' { |
|||
font-weight: 200; |
|||
} @else if $style == 'medium' { |
|||
font-weight: 500; |
|||
} @else if $style == 'semibold' { |
|||
font-weight: 600; |
|||
} @else if $style == 'bold' { |
|||
font-weight: 700; |
|||
} @else if $style == 'regular-italic' { |
|||
font-weight: 400; |
|||
font-style: italic; |
|||
} @else if $style == 'light-italic' { |
|||
font-weight: 200; |
|||
font-style: italic; |
|||
} @else if $style == 'semibold-italic' { |
|||
font-weight: 600; |
|||
font-style: italic; |
|||
} @else if $style == 'bold-italic' { |
|||
font-weight: 700; |
|||
font-style: italic; |
|||
} @else { |
|||
font-weight: $style; |
|||
} |
|||
} |
|||
|
|||
@mixin middle() { |
|||
position: absolute; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
|
|||
@mixin full-middle() { |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
@mixin middle-right() { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
|
|||
@mixin middle-left() { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
|
|||
@mixin reset() { |
|||
margin: 20px auto; |
|||
width: 100%; |
|||
max-width: $max-width; |
|||
padding: 60px $grid-gutter-width; |
|||
font-size: 16px; |
|||
letter-spacing: .08em; |
|||
} |
|||
@ -0,0 +1,95 @@ |
|||
// Bootstrap Settings |
|||
|
|||
$spacer: 20px; |
|||
$spacers: ( |
|||
0: 0, |
|||
1: ($spacer * .25), // 5px |
|||
2: ($spacer * .5), // 10px |
|||
3: $spacer, // 20px |
|||
4: ($spacer * 1.5), // 30px |
|||
5: ($spacer * 3), // 60px |
|||
6: ($spacer * 6), // 120px |
|||
); |
|||
|
|||
$grid-columns: 12; |
|||
$grid-gutter-width: 20px; |
|||
$grid-gutter-width-mobile: 5px; |
|||
|
|||
$grid-breakpoints: ( |
|||
xs: 0, // Mobile Portrait |
|||
sm: 768px, // Tablet Portrait |
|||
md: 1024px, // Tablet landscape/Small desktop |
|||
lg: 1280px, // Desktop |
|||
xl: 1600px, // Large desktop |
|||
); |
|||
|
|||
$container-max-widths: ( |
|||
sm: 708px, |
|||
md: 984px, |
|||
lg: 1440px, |
|||
xl: 1560px |
|||
); |
|||
|
|||
$container-max-widths: ( |
|||
sm: 768px, |
|||
md: 984px, |
|||
lg: 1440px, |
|||
xl: 1560px |
|||
); |
|||
|
|||
|
|||
$font-serif: 'Roboto'; |
|||
$font-sans: 'Roboto'; |
|||
$icon: 'icomoon'; |
|||
|
|||
$black: #000; |
|||
$white: #fff; |
|||
$grey: #c2c0bd; |
|||
$light-grey: #E4E9ED; |
|||
$dark-grey: #5A6B73; |
|||
|
|||
$red: #ea0032; |
|||
$light-green: #8cd69b; |
|||
$blue: #16ACBB; |
|||
$yellow: #FFD600; |
|||
|
|||
$white-alpha: rgba(255, 255, 255, 0.8); |
|||
$black-alpha: rgba(0, 0, 0, 0.8); |
|||
$grey-alpha: rgba(180, 180, 180, 0.6); |
|||
|
|||
$header-height: 130px; |
|||
$header-height-mobile: 50px; |
|||
$footer-height: 65px; |
|||
|
|||
/* Font-size variables */ |
|||
$font-6: 0.375rem; /* 6px */ |
|||
$font-8: 0.5rem; /* 8px */ |
|||
$font-10: 0.625rem; /* 10px */ |
|||
$font-11: 0.687rem; /* 11px */ |
|||
$font-12: 0.75rem; /* 12px */ |
|||
$font-13: 0.812rem; /* 13px */ |
|||
$font-14: 0.875rem; /* 14px */ |
|||
$font-15: 0.937rem; /* 15px */ |
|||
$font-16: 1rem; /* 16px */ |
|||
$font-18: 1.125rem; /* 18px */ |
|||
$font-20: 1.25rem; /* 20px */ |
|||
$font-22: 1.375rem; /* 22px */ |
|||
$font-24: 1.5rem; /* 24px */ |
|||
$font-25: 1.56rem; /* 24px */ |
|||
$font-26: 1.625rem; /* 26px */ |
|||
$font-28: 1.75rem; /* 28px */ |
|||
$font-30: 1.875rem; /* 30px */ |
|||
$font-32: 2rem; /* 32px */ |
|||
$font-34: 2.125rem; /* 34px */ |
|||
$font-36: 2.25rem; /* 36px */ |
|||
$font-38: 2.375rem; /* 38px */ |
|||
$font-40: 2.5rem; /* 40px */ |
|||
$font-42: 2.625rem; /* 42px */ |
|||
$font-44: 2.75rem; /* 44px */ |
|||
$font-46: 2.875rem; /* 46px */ |
|||
$font-48: 3rem; /* 48px */ |
|||
$font-50: 3.125rem; /* 50px */ |
|||
$font-52: 3.25rem; /* 52px */ |
|||
$font-54: 3.375rem; /* 54px */ |
|||
$font-60: 3.75rem; /* 60px */ |
|||
$font-72: 4.5rem; /* 72px */ |
|||
@ -0,0 +1,132 @@ |
|||
|
|||
const webpack = require('webpack') |
|||
const path = require('path') |
|||
const fs = require('fs') |
|||
|
|||
const WebpackNotifierPlugin = require('webpack-notifier') |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin') |
|||
const CopyWebpackPlugin = require('copy-webpack-plugin') |
|||
|
|||
const basePath = './' |
|||
const pagesPath = path.join(__dirname, './pages') |
|||
const distPath = path.join(__dirname, './public') |
|||
const componentPath = path.join(__dirname, './components') |
|||
const imagesPath = path.join(__dirname, './images') |
|||
const assetsPath = path.join(__dirname, './assets') |
|||
const srcPath = './src' |
|||
|
|||
let components = [] |
|||
let entries = [] |
|||
let plugins = [] |
|||
|
|||
module.exports = (env) => { |
|||
|
|||
const isProd = env && env.prod || false |
|||
|
|||
entries.push(srcPath + '/js/index.js') |
|||
entries.push(srcPath + '/scss/main.scss') |
|||
|
|||
fs.readdirSync(componentPath).forEach( (comp) => { |
|||
entries.push(componentPath + '/' + comp + '/' + comp + '.js') |
|||
}) |
|||
|
|||
plugins = [ |
|||
new WebpackNotifierPlugin({ |
|||
title: 'Anes', |
|||
contentImage: path.join(__dirname, basePath + '/images/logoWP.png'), |
|||
alwaysNotify: true |
|||
}), |
|||
new webpack.ProvidePlugin({ |
|||
$: 'jquery', |
|||
jQuery: 'jquery' |
|||
}), |
|||
new CopyWebpackPlugin([ |
|||
{ |
|||
context: componentPath, |
|||
from: '**/*.html', |
|||
to: distPath + '/components', |
|||
}, |
|||
]), |
|||
new CopyWebpackPlugin([ |
|||
{ |
|||
context: imagesPath, |
|||
from: '*.*', |
|||
to: distPath + '/images', |
|||
}, |
|||
]) |
|||
] |
|||
|
|||
fs.readdirSync(pagesPath).forEach( (page) => { |
|||
plugins.push( |
|||
new HtmlWebpackPlugin({ |
|||
template: path.resolve(pagesPath, page), |
|||
filename: path.resolve(distPath, page.substr(0, page.lastIndexOf(".")) + ".html") |
|||
}) |
|||
) |
|||
}) |
|||
|
|||
|
|||
|
|||
return { |
|||
devtool: isProd ? '' : 'eval', |
|||
entry: entries, |
|||
output: { |
|||
path: path.join(distPath, '/assets/js'), |
|||
publicPath: './assets/js', |
|||
filename: 'bundle.js' |
|||
}, |
|||
module: { |
|||
rules: [ |
|||
// JS
|
|||
{ |
|||
test: /\.js$/, |
|||
exclude: /(node_modules|bower_components|vendor)/, |
|||
use: { |
|||
loader: 'babel-loader', |
|||
options: { |
|||
minified: false, |
|||
babelrc: true |
|||
} |
|||
}, |
|||
}, |
|||
// SCSS
|
|||
{ |
|||
test: /\.scss$/, |
|||
use: [ |
|||
{loader: 'file-loader', |
|||
options: { name: '../../assets/css/styles.css'} |
|||
}, |
|||
{loader: 'extract-loader'}, |
|||
{loader: 'css-loader'}, |
|||
{loader: 'postcss-loader'}, |
|||
{loader: 'sass-loader'} |
|||
] |
|||
}, |
|||
|
|||
// FONTS
|
|||
{ |
|||
test: /\.(woff|woff2|eot|ttf|svg)$/, |
|||
use: ['url-loader?limit=100000'] |
|||
}, |
|||
|
|||
// HTML
|
|||
{ |
|||
test: /.*\.html?$/, |
|||
use: { |
|||
loader: 'html-loader', |
|||
options: { |
|||
attrs: ['link:href', 'script:src', 'img:src'], |
|||
interpolate: true, |
|||
}, |
|||
}, |
|||
} |
|||
] |
|||
}, |
|||
plugins: plugins, |
|||
devtool: false, |
|||
performance: { |
|||
maxEntrypointSize: 512000, |
|||
maxAssetSize: 512000 |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue