mozilla
/
webmaker.org
зеркало из https://github.com/mozilla/webmaker.org.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #1041 from mozilla/updated-ia 

Fixes Bug 1104272 - Build revised IA
This commit is contained in:
Aki 2014-12-18 14:28:46 -08:00
Родитель 99f36f4c12 2808b6cdef
Коммит cadc529b3e
63 изменённых файлов: 1406 добавлений и 1470 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

6
app.js
Просмотреть файл

@ -259,6 +259,7 @@ app.locals({
ga_domain: env.get("GA_DOMAIN"),
languages: i18n.getSupportLanguages(),
EVENTS_URL: env.get("EVENTS_URL"),
TEACH_URL: env.get("TEACH_URL"),
flags: flags,
personaHostname: env.get("PERSONA_HOSTNAME", "https://login.persona.org"),
bower_path: "../bower_components"
@ -350,7 +351,6 @@ app.get('/signup/:auth?', routes.angular);
// Angular
app.get('/', routes.angular);
app.get('/explore', routes.angular);
app.get('/resources/:section?/:competency?', routes.angular);
app.get("/tools", routes.angular);
app.get("/remix-your-school", routes.angular);
@ -364,7 +364,7 @@ app.get("/about", routes.angular);
app.get("/make-your-own", routes.angular);
app.get('/madewithcode-*', routes.angular);
app.get("/gallery", routes.gallery({
app.get('/explore', routes.gallery({
layout: "index",
prefix: "p"
}));
@ -459,6 +459,7 @@ app.get("/strings/:lang?", i18n.stringsRoute("en-US"));
var accountSettingsUrl = env.get('LOGIN') + '/account';
var makeApiUrl = env.get('MAKE_ENDPOINT');
var eventsUrl = env.get('EVENTS_URL');
var teachUrl = env.get('TEACH_URL');
app.get('/angular-config.js', function (req, res) {
// Angular config
@ -466,6 +467,7 @@ app.get('/angular-config.js', function (req, res) {
accountSettingsUrl: accountSettingsUrl,
makeApiUrl: makeApiUrl,
eventsUrl: eventsUrl,
teachUrl: teachUrl,
lang: req.localeInfo.lang,
localeInfo: req.localeInfo,
direction: req.localeInfo.direction,

6
bower.json
Просмотреть файл

@ -29,10 +29,12 @@
"ngScrollSpy": "1.0.2",
"angular-moment": "0.7.1",
"makeapi-angular": "0.0.3",
"imagesloaded": "~3.1.8"
"imagesloaded": "~3.1.8",
"webmaker-auth-client": "~0.2.8"
},
"resolutions": {
"angular": "1.2.14",
"selectize": "0.10.1"
"selectize": "0.10.1",
"webmaker-analytics": "0.1.7"
}
}

3
env.dist
Просмотреть файл

@ -6,6 +6,9 @@ export PROFILE_URL="http://localhost:1969/user"
# For Webmaker Events - https://github.com/mozilla/webmaker-events-2
export EVENTS_URL="http://localhost:1981"
# teach.webmaker.org
export TEACH_URL="https://teach.webmaker.org"
# default port is 7777
export PORT=7777

1
less/angular/components/all.less
Просмотреть файл

@ -11,3 +11,4 @@
@import 'dropdown-toc';
@import 'locale-banner';
@import 'wizard-templates';
@import 'navigation';

79
less/angular/components/makerstrap-overrides.less
Просмотреть файл

@ -43,85 +43,6 @@ dd {
margin-bottom: @line-height-computed;
}
/*********************************************************
* Navbar
*/
.navbar-btn {
margin-right: 0.7em;
&:last-child {
margin-right: 1em;
}
}
.btn-secondary-nav {
color: #333;
background: none;
border-color: none;
&:hover {
background: #333;
color: @white;
}
&.active {
background-color: darken(#333, 8%);
}
}
.navbar-tertiary {
.btn-secondary-nav {
color: @white;
}
}
.navbar-affix-top {
@media (min-width: @screen-sm-min) {
.navbar-fixed-top;
}
}
.mobile-skills-nav li {
padding-left: 15px;
padding-right: 15px;
}
.navbar-inverse {
.navbar-form .form-control {
border-color: fade(white, 50%);
}
.btn-link {
color: @navbar-inverse-link-color;
&:hover {
color: @navbar-inverse-link-hover-color;
}
}
}
// Search input
.navbar-inverse .navbar-form .search-input.form-control {
background: none;
color: @white;
transition: all 0.2s ease-in;
.placeholder(@navbar-inverse-link-color);
&:focus {
.placeholder(#CCC);
color: #333;
background: @white;
}
}
.navbar a.active::after {
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-top: 1rem solid @lightnavy;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -1rem;
position: absolute;
top: 100%;
width: 0;
}
/* ===========
* Modal
*/

122
less/angular/components/navigation.less Normal file
Просмотреть файл

@ -0,0 +1,122 @@
.navbar-footer {
background-color: @lightnavy;
padding-bottom: 3rem;
padding-top: 1.5em;
font-size: 1.8rem;
ul {
text-align: left;
list-style: none;
padding: 0;
@media screen and (min-width: @screen-xs-min) {
text-align: center;
}
}
li {
display: block;
@media screen and (min-width: @screen-xs-min) {
display: inline-block;
}
}
a {
font-size: 1.4rem;
display: block;
padding: 1.3rem 1.8rem;
@media screen and (min-width: @screen-xs-min) {
display: inline-block;
padding: 0rem 1.8rem;
}
&:link, &:visited {
color: fade(@white, 80%);
}
&:hover, &:active, &:focus {
color: @white;
text-decoration: none;
}
}
.secondary {
li {
padding: 1.2rem 1.8rem;
}
a {
padding: 0;
font-size: 1.3rem;
display: inline-block;
}
.fa {
color: rgba(255,255,255,0.8);
margin-right: 0.5rem;
font-size: 1.3rem;
}
}
.moz-logo {
text-align: left;
margin: 0 0 -1rem 0;
@media screen and (min-width: @screen-xs-min) {
text-align: center;
margin: 0 0 -1rem 1.8rem;
}
a {
padding: 0.8rem;
}
img {
opacity: 0.8;
&:hover {
opacity: 1;
}
}
}
}
.navbar {
min-height: 0;
.container {
.navbar-collapse {
padding: 0;
}
}
}
.navbar-nav {
@media screen and (min-width: @screen-sm-min) {
float: none;
}
.col-3 {
width: 33%;
}
> li {
@media screen and (min-width: @screen-sm-min) {
text-align: center;
width: 100%
}
> a {
font-size: 1.4rem;
padding: 1.8rem 1.5rem 1.8rem 3.2rem;
@media screen and (min-width: @screen-sm-min) {
padding-left: 1.5rem;
}
}
&.nav-icon {
@media screen and (min-width: @screen-sm-min) {
width: 25%
}
> a {
height: auto;
padding: 1.2rem 1.8rem;
&:link, &:visited {
color: fade(@white, 80);
}
&:hover, &:active, &:focus {
color: @white;
}
span.fa {
margin-right: 0.8rem;
}
}
}
}
}

572
less/angular/pages/home.less
Просмотреть файл

@ -1,321 +1,271 @@
#page-home .main {
@new-grey: #4F5F66;
.padded() {
padding: 2.5rem 0;
@media (min-width: @screen-sm-min) {
padding: 5rem 0;
#page-home {
color: @new-grey;
font-size: 1.6rem;
h2 {
font-size: 4.4rem;
font-weight: 500;
text-shadow: 0 0 0.1rem fade(@black, 50);
letter-spacing: -0.04rem;
@media screen and (min-width: @screen-md-min) {
font-size: 5.2rem;
}
}
// Base font settings
font-size: 1.8rem;
line-height: 1.6;
section {
.padded;
}
.btn-home {
padding: 15px 24px;
}
// Carousel ---------------------
#home-carousel {
padding: 0;
.slide {
.padded;
height: 380px;
@media (min-width: @screen-md-min) {
height: 460px;
}
@media (min-width: @screen-lg-min) {
height: 536px;
}
}
.slide .slide-inner {
height: 100%;
.flex-display(flex);
.align-items(center);
}
#slide-0 {
// HOUR OF CODE
@media @standard-def {
background-image: url(/img/home/banner-HoC.jpg);
}
@media @retina {
background-image: url(/img/home/banner-HoC@2x.jpg);
}
background-repeat: no-repeat;
background-position: center;
background-size: cover;
h1 {
max-width: 112rem;
}
.lead {
max-width: 44rem;
}
.btn {
margin: 0;
padding: 1.4rem 6rem;
font-size: 1.6rem;
@media (min-width: @screen-sm-min) and (max-width: @screen-md-min) {
margin: 0;
padding: 1.7rem 10rem;
}
@media (min-width: @screen-md-min){
margin: 1rem 0 0 0;
padding: 1.7rem 11rem;
font-size: 2rem;
}
}
}
#slide-1 {
// SKILLS SHARER
@media @standard-def {
background-image: url(/img/home/banner-skills-sharer.jpg);
}
@media @retina {
background-image: url(/img/home/banner-skills-sharer@2x.jpg);
}
background-repeat: no-repeat;
background-position: center;
background-size: cover;
.lead {
max-width: 50rem;
}
.btn {
margin: 1rem 0 0 0;
padding: 1.4rem 3rem;
font-size: 1.6rem;
@media (min-width: @screen-sm-min) and (max-width: @screen-md-min) {
margin: 1rem 0 0 0;
}
@media (min-width: @screen-md-min){
margin: 1.5rem 0 0 0;
padding: 1.7rem 6rem;
font-size: 2rem;
}
}
}
#slide-2 {
// TANDOG QUOTE
@media @standard-def {
background-image: url(/img/home/banner-tandog.jpg);
}
@media @retina {
background-image: url(/img/home/banner-tandog@2x.jpg);
}
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#slide-3 {
// STORYMAKERS QUOTE
@media @standard-def {
background-image: url(/img/home/banner-brooklyn.jpg)
}
@media @retina {
background-image: url(/img/home/banner-brooklyn@2x.jpg);
}
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
color: @white;
font-weight: 200;
a {
color: @white;
text-decoration: underline;
&.btn {
text-decoration: none;
}
}
.skill-sharer-badge {
width: 20%;
margin: -3rem 0 2rem 0;
@media (min-width: @screen-sm-min) and (max-width: @screen-md-min){
width: 11%;
margin: -5rem 0px 2rem;
}
@media (min-width: @screen-md-min) {
width: 11%;
margin: -5rem 0 3rem 0;
}
.animated;
.slideInDown;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.desktop-logo {
width: 20%;
margin: -3rem 0px 1rem;
@media (min-width: @screen-sm-min) and (max-width: @screen-md-min){
width: 14%;
margin: -4rem 0px 1.5rem;
}
@media (min-width: @screen-md-min) {
width: 9%;
margin: -4rem 0px 1.5rem;
}
.animated;
.slideInDown;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.maker-party-logo {
width: 25%;
@media (min-width: @screen-sm-min) {
width: 15%;
}
.animated;
.slideInDown;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.maker-party-arrow {
height: 0.6em;
}
h1,
h3 {
.animated;
.bounceIn;
text-transform: uppercase;
}
h1 {
font-family: 'Lato', 'Open Sans', serif;
font-size: 3rem;
@media (min-width: @screen-md-min) {
font-size: 5rem;
}
@media (min-width: @screen-lg-min) {
line-height: 1;
font-size: 7.2rem;
}
font-weight: 900;
margin: 0;
}
h3 {
margin: 2rem 0;
font-size: 2rem;
@media (min-width: @screen-md-min) {
font-size: 3rem;
}
}
p {
.animated;
.bounceIn;
@media (min-width: @screen-lg-min) {
max-width: 55rem;
}
margin: 1rem auto;
}
}
// We Teach the Web ---------------------
#home-teach-the-web {
h3 {
font-weight: bold;
text-align: center;
@media (min-width: @screen-sm-min) {
text-align: left;
}
background: @green;
color: @white;
font-weight: 200;
.btn-home {
margin-right: 5px;
&.btn-default {
border: none;
opacity: 0.95;
&:hover {
background-color: @white;
opacity: 1;
}
}
&.btn-success {
background-color: @darkgreen;
border: none;
&:hover {
background-color: darken(@darkgreen, 5%);
}
}
}
h1 {
@media (min-width: @screen-sm-min) {
font-size: 6rem;
}
font-weight: 200;
line-height: 1;
}
p {
margin: 1rem 0 1.5rem 0;
}
// cats and stuff
.illustration {
width: 60%;
@media (min-width: @screen-sm-min) {
width: 100%;
}
position: relative;
max-width: 360px;
margin: 0 auto;
.browser-on {
width: 100%;
}
.cat-on {
position: absolute;
top: 20%;
left: 18%;
width: 25%;
}
text-transform: uppercase;
}
h4 {
font-size: 2rem;
margin-bottom: 0.6rem;
}
footer {
text-align: center;
}
}
.home-blue, .home-values, .home-jump-in, .home-footer {
padding: 5rem 0;
.lead {
text-align: center;
font-size: 1.8rem;
@media screen and (min-width: @screen-sm-min) {
font-size: 2rem;
}
}
.btn {
width: 100%;
position: relative;
margin: 1.6rem 0 0 0;
padding: 1.3rem 1.5rem 1.1rem 1.5rem;
background: @yellow;
color: #4B5B62;
border: transparent;
border-radius: 0.3rem;
box-shadow: 0 0.4rem 0 #C4A74F, inset 0 0.1rem 0 rgba(255,255,255,0.5);
text-transform: uppercase;
vertical-align: baseline;
font-weight: 600;
letter-spacing: 0.1rem;
line-height: 1.42857;
@media screen and (min-width: @screen-xs-min) {
width: auto;
margin: 0 0 0 1rem;
}
&:hover {
top: 0.2rem;
box-shadow: 0 0.2rem 0 #C4A74F, inset 0 0.1rem 0 rgba(255,255,255,0.5);
}
// Explore, Resources, Get Together ---------------------
#home-features {
background: @lightgrey;
h2 {
margin-top: 0;
}
padding-bottom: 0;
@media (min-width: @screen-sm-min) {
padding-bottom: 5rem;
}
.feature {
margin-bottom: 2.5rem;
@media (min-width: @screen-sm-min) {
margin-bottom: 0;
}
}
.img-container {
margin-bottom: 1rem;
position: relative;
width: 60%;
max-width: 266px;
height: 0;
padding-bottom: 40%;
display: inline-block;
background: center no-repeat;
background-size: contain;
&.resources {
background-image: url(/img/home/resources.png);
}
&.training {
width: 100%;
background-position-y: 70%;
background-image: url(/img/webmaker-training-wordmark.svg);
}
&.map {
background-image: url(/img/home/map.png);
}
&.get-together {
@media @standard-def {
background-image: url(/img/home/get-together.jpg);
}
@media @retina {
background-image: url(/img/home/get-together@2x.jpg);
}
}
&:active {
top: 0.4rem;
box-shadow: inset 0 0.1rem 0.1rem rgba(0,0,0,0.2);
}
}
}
.home-blue {
padding: 6rem 0;
@media screen and (min-width: @screen-md-min) {
padding: 10rem 0;
}
@media screen and (min-width: @screen-lg-min) {
padding: 12rem 0;
}
color: @white;
@media @standard-def {
background-image: url('/img/home/background.png');
}
@media @retina {
background-image: url('/img/home/background@2x.png');
}
background-size: cover;
text-align: center;
@media screen and (min-width: @screen-sm-min) {
text-align: left;
}
.lead {
max-width: 100%;
@media screen and (min-width: @screen-sm-min) {
text-align: left;
max-width: 38rem;
}
}
form {
margin: 0 auto;
@media screen and (min-width: @screen-sm-min) {
margin: 0;
}
}
input[type="email"] {
width: 100%;
border: transparent solid 0;
border-radius: 0.3rem;
color: @grey;
padding: 1.1rem 1.5rem 1.3rem 1.5rem;
@media screen and (min-width: @screen-xs-min) {
width: auto;
}
}
section {
margin-top: 1rem;
@media screen and (min-width: @screen-sm-min) {
margin-top: 0;
padding-left: 5rem;
}
@media screen and (min-width: @screen-md-min) {
margin-left: 5rem;
padding-left: 1.5rem;
}
@media screen and (min-width: @screen-lg-min) {
margin-left: 2.5rem;
padding-left: 1.5rem;
}
}
}
.devices {
margin: 2rem auto 3rem;
max-width: 40rem;
position: relative;
@media screen and (min-width: @screen-md-min) {
margin-top: 0;
}
img {
display: block;
position: absolute;
}
.desktop {
position: static;
@media screen and (min-width: @screen-sm-min) {
position: relative;
top: 2.5rem;
}
}
.tablet {
bottom: -2rem;
max-width: 56%;
right: -0.2rem;
@media screen and (min-width: @screen-sm-min) {
bottom: -3.6rem;
right: -1rem;
}
@media screen and (min-width: @screen-md-min) {
bottom: -4rem;
right: -3.3rem;
}
}
.mobile {
bottom: -0.6rem;
left: 2.3rem;
max-width: 19%;
@media screen and (min-width: @screen-sm-min) {
left: 1.4rem;
bottom: -2.9rem;
}
@media screen and (min-width: @screen-md-min) {
bottom: -2.8rem;
left: 2.5rem;
}
}
}
.home-values {
background: @white;
.row {
margin-top: 0rem;
@media screen and (min-width: @screen-md-min) {
margin-top: 6rem;
}
}
}
.values-list {
list-style: none;
padding-left: 5rem;
li {
margin-bottom: 2rem;
position: relative;
@media screen and (min-width: @screen-sm-min) {
margin-bottom: 5rem;
}
&::before {
left: -4.5rem;
position: absolute;
top: 0.4rem;
}
}
}
.value-free {
&::before {
content: url('/img/home/free-sm-icon.svg');
}
}
.value-local {
&::before {
content: url('/img/home/local-sm-icon.svg');
}
}
.value-more-than-code {
&::before {
content: url('/img/home/morethancode-sm-icon.svg');
}
}
.home-globe {
img {
display: block;
margin: 5rem auto;
@media screen and (min-width: @screen-sm-min) {
margin: 0 auto;
transform: translateY(55%);
}
@media screen and (min-width: @screen-md-min) {
// display: block;
margin: 0 auto;
transform: translateY(20%);
}
}
}
.home-jump-in {
background: darken(@white, 6.25%);
text-align: center;
.row {
margin-top: 5rem;
}
ul {
list-style: none;
padding-left: 0;
}
li {
margin-bottom: 5rem;
@media screen and (min-width: @screen-sm-min) {
margin-bottom: 0;
}
}
figure {
margin-bottom: 3rem;
}
}
.home-footer {
padding: 5rem 1rem;
@media screen and (min-width: @screen-sm-min) {
padding: 5rem 0;
}
p {
font-size: 2rem;
}
}

268
less/components/navigation.less
Просмотреть файл

@ -1,133 +1,103 @@
@lightnavy: lighten(@navy, 6%);
@yellow: #F5A906;
@blue: #27AAE1;
@red: #E5352D;
@green: #03845C;
.navigation-container {
font-size: 14px;
.ui-wrapper {
margin-top: 0;
}
}
#main-navigation-container{
background: @navy;
}
.navigation-wrapper {
position: relative;
margin: 0;
@media (min-width: @width-large) {
width: 100%;
margin: 0 auto;
.border-box;
width: @width-large;
}
@media (min-width: @width-xlarge) {
width: @width-xlarge;
}
}
.navigation-list {
.border-box;
position: relative;
list-style: none;
padding: 0;
position: relative;
color: @white;
li {
display: inline;
}
a {
background-color: @navy;
.nav-icon {
width: 100%;
text-align: left;
display: inline-block;
padding: 14px 18px;
color: inherit;
@media (min-width: @width-medium) {
line-height: 32px;
margin: 0;
@media screen and (min-width: @screen-sm-min){
width: 24.8%;
text-align: center;
margin-left: -0.4rem;
}
&:hover {
text-decoration: none;
&:hover, &:active, &:focus, a.active {
background-color: @lightnavy;
.fa {
box-shadow: none;
}
.icon-random {
background-color: @yellow;
}
.icon-hand-up {
background-color: @blue;
}
.icon-map-marker {
background-color: @red;
}
.icon-book {
background-color: @green;
}
}
a {
height: auto;
display: block;
padding: 1.2rem 1.8rem;
&:link, &:visited {
color: fade(@white, 80);
}
&:hover, &:active, &:focus {
color: @white;
text-decoration: none;
}
span.fa {
margin-right: 0.8rem;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2) inset;
color: #FFF;
border-radius: 20px;
font-size: 12px;
display: inline-block;
}
}
}
}
.nav-item-with-icon {
padding-left: 12px;
padding-right: 4px;
}
// Webmaker Icons
.popcorn-icon {
position: absolute;
width: 23px;
height: 35px;
background: url(/img/webmaker-icons.png) 0px 0px;
background-size: 92px 35px;
left: -15px;
}
.thimble-icon {
position: absolute;
width: 34px;
height: 35px;
background: url(/img/webmaker-icons.png) -23px 0px;
background-size: 92px 35px;
left: -22px;
}
.xray-icon {
position: absolute;
width: 35px;
height: 31px;
background: url(/img/webmaker-icons.png) -57px 0px;
background-size: 92px 35px;
left: -24px;
}
// Icons
.navigation-list .icon {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin: 1px 6px 0 0;
box-shadow: inset 0 0 0 2px fade(@white, 20%);
color: @white;
border-radius: 20px;
font-size: 12px;
.fa {
display: inline-block;
float: left;
// Hack: this icon looks off, needs a slight adjustment.
&.icon-random:before {
position: relative;
left: 0.1em;
top: 0.1em;
}
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
}
.navigation-list .active .icon,
.on .icon {
display: inline-block;
}
.navigation-list .active .icon,
.navigation-list a:hover .icon,
.on .icon {
box-shadow: none;
// Section colours
&.icon-random {
background: #F5A906;
}
&.icon-hand-up {
background: @blue;
}
&.icon-book {
background: #03845C;
}
&.icon-map-marker {
background: #E5352D;
}
&.icon-info {
background: #945361;
}
}
#navigation-primary {
background: @navy;
a:hover,
.active {
background: @lightnavy;
}
// Don't show on mobile
display: none;
@ -186,88 +156,40 @@
#expanded-navigation {
.clearfix;
position: relative;
background: @lightnavy;
background: @navy;
display: none;
padding: 20px;
@media (min-width: @width-medium) {
padding: 20px 0;
}
&.on {
display: block;
@media screen and (min-width: @screen-sm-min){
display: none;
}
}
.navigation-wrapper {
left: 0;
}
.navigation-list {
margin: 0 0 20px 0;
@media (min-width: @width-medium) {
float: left;
// Grid calculation for 5 colums with 4% gutter
width: ((100% - (4 * 4%)) / 5);
margin: 0 4% 0 0;
&:last-of-type {
margin-right: 0;
}
}
background-color: @navy;
&.collapsed {
li {
display: none;
@media (min-width: @width-medium) {
display: block;
}
}
li:first-child {
display: block;
}
display: block;
}
&:last-child {
margin-bottom: 0;
&.collapsed :first-child {
margin-bottom: 0;
@media (min-width: @width-medium) {
margin-bottom: 1em;
}
}
}
a {
padding: 0;
line-height: 1.2;
display: block;
font-size: 1.4rem;
padding: 1.2rem 1.8rem;
}
li {
display: block;
color: fade(@white, 80%);
margin-bottom: 1em;
&:hover {
color: @white;
}
// Section titles
&:first-child {
color: @white;
font-size: 18px;
//margin-left: -8px;
}
}
.icon {
display: none;
}
}
#navigation-expanded-close {
position: absolute;
cursor: pointer;
@ -282,37 +204,3 @@
color: @white;
}
}
#nav-search {
float: right;
padding: 5px;
input {
.border-box;
border-radius: 2px;
color: @navy;
background: @white;
font-family: inherit;
font-size: 13px;
width: 150px;
padding: 10px 15px;
border: none;
transition: width 0.2s, background-color 0.2s;
&:focus {
background-color: @white;
width: 250px;
outline: none;
}
display: none;
@media (min-width: @width-large) {
display: inline;
}
}
#nav-search-trigger {
padding: 10px;
color: @white;
font-size: 16px;
background: none;
cursor: pointer;
border: none;
}
}

188
less/headerfooter.less
Просмотреть файл

@ -187,6 +187,32 @@ header {
}
}
#gallery-search {
color: @white;
font-size: 15px;
input[type="search"] {
background: transparent;
border: none;
border-bottom: darken(@brand-primary, 10%) dashed 2px;
color: @white;
font-size: 17px;
margin-left: 5px;
width: 80%;
&::-moz-placeholder,
&:-ms-input-placeholder,
&::-webkit-input-placeholder {
color: @white;
}
}
button {
background: transparent;
border: none;
color: @white;
cursor: pointer;
font-size: 16px;
}
}
#tools h1 {
line-height: 1.4em;
}
@ -196,7 +222,7 @@ header {
background: @green;
float: right;
z-index: 3;
padding: 0.5em 1em 1em;
padding: 25px 10px 30px 20px;
.border-box;
.width(2);
@ -368,7 +394,7 @@ header {
.partnerWrapper {
width: 100%;
background: url(../img/bkgFooter.jpg) repeat scroll 50% 0 #f9f9f9;
background: @navy;
}
.partners {
@ -377,20 +403,11 @@ header {
margin: 0 auto;
text-align: center;
hr {
color: #c5c7c9;
opacity: 0.7;
width: 50%;
border-width: 1px;
margin-top: 40px;
margin-bottom: 20px;
}
.partners-header {
color: @white;
font-size: 20px;
font-family: "Open Sans Light";
margin-left: 25px;
color: #96989c;
}
.refresh-sponsors {
@ -398,6 +415,7 @@ header {
}
.sponsors {
color: @white;
list-style: none;
font-size: 14px;
margin: 15px 0 0;
@ -679,7 +697,7 @@ footer {
.make-footer {
height: 220px;
width: auto;
.make-wrapper {
width: 600px;
margin-left: auto;
@ -783,3 +801,147 @@ footer {
}
}
}
.navbar-footer {
background-color: @lightnavy;
padding-bottom: 3rem;
padding-top: 1.5em;
font-size: 1.8rem;
ul {
text-align: left;
list-style: none;
padding: 0;
@media screen and (min-width: @screen-xs-min) {
text-align: center;
}
}
li {
display: block;
@media screen and (min-width: @screen-xs-min) {
display: inline-block;
}
}
a {
font-size: 1.4rem;
display: block;
padding: 1.3rem 1.8rem;
@media screen and (min-width: @screen-xs-min) {
display: inline-block;
padding: 0rem 1.8rem;
}
&:link, &:visited {
color: fade(@white, 80%);
}
&:hover, &:active, &:focus {
color: @white;
text-decoration: none;
}
}
.secondary {
li {
padding: 1.2rem 1.8rem;
}
a {
padding: 0;
font-size: 1.3rem;
display: inline-block;
}
.fa {
color: rgba(255,255,255,0.8);
font-size: 1.3rem;
}
}
.moz-logo {
text-align: left;
margin: 0 0 -1rem 0;
@media screen and (min-width: @screen-xs-min) {
text-align: center;
margin: 0 0 -1rem 1.8rem;
}
a {
padding: 0.8rem;
}
img {
opacity: 0.8;
&:hover {
opacity: 1;
}
}
}
}
.newsletter {
margin-bottom: 32px;
span {
color: @white;
}
}
#privacy-form {
text-align: center;
.privacy-box {
z-index: 2;
margin-top: 10px;
padding: 0 10px;
position: absolute;
width: 280px;
height: 60px;
top: 30px;
color: #7b7b7b;
background: #FFF;
.border-radius;
.box-shadow(1px, 1px, 9px, grey);
.border-box;
display: none;
}
.privacy-box-active {
display: block;
}
.checkbox {
float: left;
margin-top: 10px;
&:after {
font-size: 30px;
}
input {
box-shadow: none;
}
}
}
#email-updates {
background: transparent;
border: none transparent 0;
border-bottom: 1px solid @lightnavy;
box-shadow: none;
color: @white;
font-size: 16px;
font-weight: 300;
min-width: 190px;
padding: 0 0 3px 10px;
position: relative;
}
#email-submit {
background: transparent;
color: @white;
border: none;
box-shadow: none;
cursor: pointer;
}
#newsletter-signup-checkbox {
display: none;
}

109
locale/en_US/explore.json
Просмотреть файл

@ -1,6 +1,6 @@
{
"explore_frontpage_title": {
"message": "Explore the world of Webmaker",
"message": "Welcome to Webmaker!",
"description": "Heading for Explore page"
},
"Discover creative ways to teach and learn digital superpowers": {
@ -53,7 +53,7 @@
},
"Tools description": {
"message": "<a href=\"/{{ lang }}/tools\">Webmaker tools</a> make it easy to create things on the web. Make your own web pages, interactive videos, remixes, mobile apps and more&mdash;learning web mechanics, code and other valuable skills as you go.",
"description":"a description of the webmaker tools"
"description": "a description of the webmaker tools"
},
"Event subsection header": {
"message": "Make. Learn. Get together.",
@ -483,7 +483,6 @@
"message": "Welcome to Webmaker&mdash;a <a href='https://www.mozilla.org/mission/'>Mozilla</a> project dedicated to helping you create something amazing on the web.",
"description": "/about first section first sentence"
},
"Our tools, events and teaching guides": {
"message": "Our <a href=\"/{{ lang }}/tools\">tools</a>, <a href=\"/{{ lang }}/events\">events</a> and <a href=\"/{{ lang }}/teach\">teaching guides</a> allow webmakers to not only create the content that makes the web great, but &mdash; perhaps more importantly &mdash; understand how the web works.",
"description": "/about first section second sentence"
@ -539,5 +538,109 @@
"We recognize that innovation can come from anyone": {
"message": "We recognize that innovation can come from anyone, anywhere, so we bring together people with diverse skills and backgrounds &mdash; teachers, filmmakers, <a href=\"http://opennews.org/\">journalists</a>, hackers, <a href=\"http://explorecreateshare.org\">youth</a>, artists, <a href=\"http://kaythaney.com/\">scientists</a> policy-makers and more &mdash; to collaborate online and at events around the globe.",
"description": "/about Community section copy"
},
"Make your own apps and websites": {
"message": "Make your own apps and websites",
"description": "headline on homepage"
},
"Mozilla’s free tools": {
"message": "Mozilla’s free tools help you build the web while learning new skills.",
"description": "subhead on home"
},
"Email address": {
"message": "Email address",
"description": "placeholder on home input field"
},
"Start creating": {
"message": "Start creating",
"description": "button text on home"
},
"Our values": {
"message": "Our values",
"description": "Headline on second section of home"
},
"Our goal is for everyone in the world": {
"message": "Our goal is for everyone in the world to be an informed creator of the free and open web.",
"description": ""
},
"Free": {
"message": "Free",
"description": "first value on home page"
},
"Mozilla is a nonprofit organization": {
"message": "Mozilla is a non-profit organization. Our open-source tools are created by a global community. They will always be free—now and forever!",
"description": "Value description for free on home page"
},
"Local": {
"message": "Local",
"description": "second value on home page"
},
"Wherever you live in the world": {
"message": "Wherever you live in the world, Mozilla is dedicated to helping you build a web that is relevant to your friends, family, business, and community.",
"description": "Value description for local on home page"
},
"More than code": {
"message": "More than code",
"description": "third value on home page"
},
"Our tools, learning resources, and": {
"message": "Our tools, learning resources, and community netowrks empower everyone to become citizens of the web.",
"description": ""
},
"Jump right in": {
"message": "Jump right in",
"description": "headline for third section on home page"
},
"Discover how you can build and share the web.": {
"message": "Discover how you can build and share the web",
"description": "sub-head on third section of home page"
},
"Explore Webmaker": {
"message": "Explore Webmaker",
"description": "headline on first topic of 'jump right in' on home page"
},
"Investigate the tools, learning resources": {
"message": "Investigate the tools, learning resources and community that Webmaker offers.",
"description": "copy for first topic of 'jump right in' on home page"
},
"Explore now": {
"message": "Explore now",
"description": "link copy on home 'jump right in' section"
},
"Learn to Teach": {
"message": "Learn to Teach",
"description": "headline on second topic of 'jump right in' on home page"
},
"Study at your own pace": {
"message": "Study at your own pace to teach web literacy, digital skills, and open practices.",
"description": "copy for second topic of 'jump right in' on home page"
},
"Get training": {
"message": "Get training",
"description": "link copy on home 'jump right in' section"
},
"Get Together": {
"message": "Get Together",
"description": "headline on third topic of 'jump right in' on home page"
},
"Build the web with others": {
"message": "Build the web with others at a local event, or find the resources to host your own.",
"description": "copy for third topic of 'jump right in' on home page"
},
"View events": {
"message": "View events",
"description": "link copy on home 'jump right in' section"
},
"Build and share the web with Mozilla.": {
"message": "Build and share the web with Mozilla.",
"description": "footer text on home"
},
"Start Creating": {
"message": "Start Creating",
"description": "button text on footer on home"
},
"Search gallery": {
"message": "Search gallery",
"description": "Text for search field on gallery page"
}
}

4
locale/en_US/webmaker.org.json
Просмотреть файл

@ -118,7 +118,7 @@
"WhyBecomeMentorLI-3": "<strong>Be on the cutting edge.</strong> Webmaker Mentors are defining the future of learning with innovative pedagogies and interest-driven, learner-centered content.",
"If you don’t see the Whiteboard field": "If you don’t see the Whiteboard field, make sure the advanced options are showing.",
"indexDesc": "These quick and easy activities can be remixed on your own, at events or in teaching kits.",
"indexHeader": "Starter resources that teach the web!",
"galleryHeader": "See what people are creating with Webmaker.",
"Info": "Info",
"intermediate": "intermediate",
"Introduce your community to hacking": "Introduce your community to hacking",
@ -279,7 +279,7 @@
"This is the G+ community": "This is the G+ community for anyone interested in teaching the web. Take part in discussions, find useful resources, and see what other people are making and learning.",
"Title": "Title",
"Tools": "Tools",
"toolsHeader": "Create and remix the web with Webmaker tools.",
"toolsHeader": "Create and remix the web with free Webmaker tools.",
"toolsPMDesc": "Popcorn Maker helps you easily remix web video, audio and images into cool mashups that you can embed on other websites. Drag and drop content from the web, then add your own comments and links —all within your browser. Popcorn Maker videos are dynamic, full of links and unique with every view.",
"toolsThimbleDesc": "Thimble makes it ridiculously simple to create and share your own web pages. Write and edit HTML and CSS right in your browser, then instantly preview your work. Host and share your finished projects with a single click. Perfect for beginners and experts alike.",
"toolsXrayDesc": "X-Ray Goggles allow you to see the building blocks that make up websites on the internet. Activate the goggles to inspect the code behind any webpage, then remix elements with a single click, swapping in your own text, images and more.",

239
navigation.json
Просмотреть файл

@ -1,185 +1,17 @@
[
{
"id": "explore",
"id": "gallery",
"title": "Explore",
"icon": "icon-random",
"exclude": "explore",
"defaultUrl": "",
"pages": [
{
"id": "teachtheweb",
"title": "Home",
"url": ""
},
{
"id": "index",
"title": "Gallery",
"url": "gallery"
},
{
"id": "skill-sharer",
"title": "Skill Sharer Badge",
"url": "badges/skill-sharer"
},
{
"id": "webmaker-super-mentor",
"title": "Super Mentor Badge",
"url": "badges/webmaker-super-mentor"
},
{
"id": "hive-community-member",
"title": "Hive Community Badge",
"url": "badges/hive-community-member"
},
{
"id": "webmaker-mentor",
"title": "Webmaker Mentor Badge",
"url": "badges/webmaker-mentor"
},
{
"id": "badges-admin",
"title": "Badges Admin",
"url": "admin/badges",
"isAtleastMentor": "true"
},
{
"id": "search",
"title": "Search",
"url": "search"
}
]
},
{
"id": "explore",
"title": "Explore",
"icon": "icon-random",
"flag": "explore",
"defaultUrl": "explore",
"pages": [
{
"id": "index",
"title": "Gallery",
"url": "gallery"
},
{
"id": "skill-sharer",
"title": "Skill Sharer Badge",
"url": "badges/skill-sharer"
},
{
"id": "webmaker-super-mentor",
"title": "Super Mentor Badge",
"url": "badges/webmaker-super-mentor"
},
{
"id": "hive-community-member",
"title": "Hive Community Badge",
"url": "badges/hive-community-member"
},
{
"id": "badges-admin",
"title": "Badges Admin",
"url": "admin/badges",
"isAtleastMentor": "true"
},
{
"id": "search",
"title": "Search",
"url": "search"
}
]
"pages": []
},
{
"id": "tools",
"title": "Tools",
"icon": "icon-hand-up",
"defaultUrl": "tools",
"pages": [
{
"id": "tools",
"title": "Tools",
"url": "tools"
},
{
"id": "popcorn",
"icon": "popcorn-icon",
"title": "Popcorn Maker",
"url": "https://popcorn.webmaker.org/{{localeInfo.lang}}",
"external": "true"
},
{
"id": "thimble",
"icon": "thimble-icon",
"title": "Thimble",
"url": "https://thimble.webmaker.org/{{localeInfo.lang}}",
"external": "true"
},
{
"id": "xray",
"icon": "xray-icon",
"title": "X-Ray Goggles",
"url": "https://goggles.webmaker.org/{{localeInfo.lang}}",
"external": "true"
}
]
},
{
"id": "teach",
"title": "Teach",
"icon": "icon-book",
"exclude": "explore",
"defaultUrl": "teach",
"pages": [
{
"id": "teach",
"title": "Teach",
"url": "teach"
},
{
"id": "make-your-own",
"title": "Make Your Own",
"url": "make-your-own"
},
{
"id": "literacy",
"title": "Documentation",
"url": "literacy"
},
{
"id": "mentor",
"title": "Mentor",
"url": "mentor"
}
]
},
{
"id": "resources",
"title": "Resources",
"icon": "icon-book",
"defaultUrl": "resources",
"flag": "explore",
"pages": [
{
"id": "resources",
"title": "Resources",
"url": "resources"
},
{
"id": "make-your-own",
"title": "Make Your Own",
"url": "make-your-own"
},
{
"id": "literacy",
"title": "WebLiteracyMap",
"url": "literacy"
},
{
"id": "mentor",
"title": "Mentor",
"url": "mentor"
}
]
"pages": []
},
{
"id": "events",
@ -187,65 +19,28 @@
"icon": "icon-map-marker",
"defaultUrl": "{{EVENTS_URL}}",
"instantiate": true,
"pages": [
{
"id": "events-home",
"title": "Events Home",
"url": "{{EVENTS_URL}}",
"external": "true"
},
{
"id": "upcomingEvents",
"title": "Upcoming Events",
"url": "{{EVENTS_URL}}/#!/events",
"external": "true"
},
{
"id": "addEvent",
"title": "Add Event",
"url": "{{EVENTS_URL}}/#!/add",
"external": "true"
},
{
"id": "eventGuides",
"title": "Event Guides",
"url": "{{EVENTS_URL}}/#!/event-guides",
"external": "true"
}
]
"pages": []
},
{
"id": "info",
"title": "Info",
"icon": "icon-info",
"defaultUrl": "about",
"id": "teach",
"title": "Teach",
"icon": "icon-book",
"defaultUrl": "mentor",
"pages": [
{
"id": "blog",
"title": "Blog",
"url": "https://blog.webmaker.org",
"external": "true"
"id": "resources",
"title": "Resources",
"url": "resources"
},
{
"id": "about",
"title": "About Us",
"url": "about"
"id": "badges",
"title": "Badges",
"url": "badges"
},
{
"id": "getinvolved",
"title": "Get Involved",
"url": "getinvolved"
},
{
"id": "feedback",
"title": "Feedback",
"url": "feedback"
},
{
"id": "help",
"title": "Help",
"url": "https://support.mozilla.org/en-US/products/webmaker",
"external": "true"
"id": "hive",
"title": "Hive",
"url": "_hive"
}
]
}

Двоичные данные
public/img/home/background.png Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 508 KiB

Двоичные данные
public/img/home/background@2x.png Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.2 MiB

Двоичные данные
public/img/home/banner-HoC.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 108 KiB

Двоичные данные
public/img/home/banner-HoC@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 309 KiB

Двоичные данные
public/img/home/banner-brooklyn.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 106 KiB

Двоичные данные
public/img/home/banner-brooklyn@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 280 KiB

Двоичные данные
public/img/home/banner-maker-party.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 118 KiB

Двоичные данные
public/img/home/banner-maker-party@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 330 KiB

Двоичные данные
public/img/home/banner-skills-sharer.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 113 KiB

Двоичные данные
public/img/home/banner-skills-sharer@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 308 KiB

Двоичные данные
public/img/home/banner-tandog.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 74 KiB

Двоичные данные
public/img/home/banner-tandog@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 189 KiB

Двоичные данные
public/img/home/desktop-icon@2x.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 2.3 KiB

49
public/img/home/desktop.svg Normal file
Просмотреть файл

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="363px" height="257px" viewBox="0 0 363 257" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>desktop</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-161.000000, -479.000000)">
<g id="iMac-+-Browser-3-+-Group-3-+-iPad-+-Group-2" sketch:type="MSLayerGroup" transform="translate(163.000000, 481.000000)">
<g id="desktop" sketch:type="MSShapeGroup">
<g id="stand-2" transform="translate(129.000000, 223.000000)">
<g id="Group" transform="translate(0.430789, 0.000000)" fill="#E8EBF0">
<path d="M51.2330943,0 L51.2330943,28.8950365 L0.0113324173,28.8950365 C0.0113324173,28.8950365 6.59303887,26.2686286 10.6214855,21.6618852 C14.6499321,17.0551419 14.6499321,0 14.6499321,0 L51.2330943,0 Z" id="Rectangle-6"></path>
<path d="M100.200495,0 L100.200495,28.8950365 L47.8175547,28.8950365 C47.8175547,28.8950365 54.5484659,26.2686286 58.668236,21.6618852 C62.7880059,17.0551419 62.7880059,0 62.7880059,0 L100.200495,0 Z" id="Rectangle-6" transform="translate(74.009025, 14.447518) scale(-1, 1) translate(-74.009025, -14.447518) "></path>
</g>
<rect id="Rectangle-6" fill="#CECFD4" x="-0.185870282" y="28.4339455" width="101.368701" height="3.41207346" rx="40"></rect>
<rect id="Rectangle-17" fill="#CDCFD4" x="15.1776807" y="0" width="70.6415986" height="4.54943128"></rect>
</g>
<g id="iMac" stroke="#7992A4" fill="#545E66">
<rect id="screen-border" x="-0.305756353" y="-0.338094043" width="360" height="224" rx="6"></rect>
<path d="M185.659392,9.68445889 C187.047834,9.68445889 188.173389,8.66576574 188.173389,7.40914392 C188.173389,6.1525221 187.047834,5.13382895 185.659392,5.13382895 C184.27095,5.13382895 183.145395,6.1525221 183.145395,7.40914392 C183.145395,8.66576574 184.27095,9.68445889 185.659392,9.68445889 Z" id="camera"></path>
</g>
<g id="Browser" transform="translate(14.184039, 14.930132)">
<rect id="Rectangle-493" fill="#F5F8FD" x="0" y="0" width="330.688935" height="194.585859"></rect>
<g id="Group-2" transform="translate(31.565762, 36.710438)">
<g transform="translate(154.082605, 58.490056) scale(1, -1) translate(-154.082605, -58.490056) translate(78.582605, 0.490056)">
<rect id="Rectangle-504" fill="#E5E8EE" x="0.656550308" y="40.6426284" width="104.708884" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-501" fill="#00CEB8" x="0.656550308" y="106.963134" width="149.988402" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-502" fill="#00CEB8" x="0.656550308" y="0.850325222" width="149.988402" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-502" fill="#E5E8EE" x="0.656550308" y="93.6990327" width="66.0326297" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-503" fill="#E5E8EE" x="0.656550308" y="80.4349316" width="66.0326297" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-504" fill="#E5E8EE" x="0.656550308" y="27.3785274" width="66.0326297" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-505" fill="#E5E8EE" x="0.656550308" y="14.1144263" width="66.0326297" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-505" fill="#00CEB8" x="0.656550308" y="67.1708306" width="89.8159188" height="8.52692211" rx="3"></rect>
<rect id="Rectangle-506" fill="#00CEB8" x="0.656550308" y="53.9067295" width="89.8159188" height="8.52692211" rx="3"></rect>
</g>
<rect id="Rectangle-504" fill="#00CEB8" x="0" y="1" width="64.1459831" height="35.0551242" rx="3"></rect>
<rect id="Rectangle-505" fill="#E5E8EE" x="0" y="44.2365725" width="65.0893064" height="53.0564043" rx="3"></rect>
</g>
<path d="M311.440728,11.2608783 C311.440728,13.5008783 309.765644,15.3260635 307.709859,15.3260635 L44.1125034,15.3260635 C42.0567182,15.3260635 40.3816339,13.5008783 40.3816339,11.2608783 L40.3816339,11.0949524 C40.3816339,8.85495237 42.0567182,7.02976719 44.1125034,7.02976719 L307.709859,7.02976719 C309.765644,7.02976719 311.440728,8.85495237 311.440728,11.0949524 L311.440728,11.2608783 L311.440728,11.2608783 Z" id="Shape" fill="#FFFFFF"></path>
<ellipse id="Oval" fill="#C6C6C6" cx="9.94702483" cy="10.3950813" rx="2.78002251" ry="2.91660554"></ellipse>
<ellipse id="Oval" fill="#C6C6C6" cx="17.788114" cy="10.3950813" rx="2.78002251" ry="2.91660554"></ellipse>
<ellipse id="Oval" fill="#C6C6C6" cx="26.3420294" cy="10.3950813" rx="2.78002251" ry="2.91660554"></ellipse>
</g>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 5.6 KiB

14
public/img/home/free-sm-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="32px" height="28px" viewBox="0 0 32 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>free-sm-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-193.000000, -1008.000000)" fill="#636462">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(193.000000, 1002.000000)">
<path d="M22.9496471,6 C20.185098,6 17.6144314,7.30709091 15.6850196,9.68836364 C13.7574902,7.309 11.1918431,6.00381818 8.43105882,6.00381818 C4.34384314,6.00381818 0,9.11627273 0,14.8868182 C0,20.8221818 5.18964706,24.9649091 8.97882353,27.9889091 C10.4144314,29.1369091 11.4666667,29.9501818 12.3231373,30.6126364 C13.676549,31.6575455 14.355451,32.1819091 15.0876863,32.9200909 C15.2464314,33.0817273 15.4591373,33.1708182 15.6850196,33.1708182 C15.9102745,33.1708182 16.1223529,33.0823636 16.2823529,32.9207273 C17.2505098,31.9445455 18.1295686,31.2687273 20.4850196,29.4576364 L22.3792941,27.9984545 C25.5215686,25.5764545 31.3706667,21.0678182 31.3706667,14.8276364 C31.3706667,9.09336364 27.0318431,6 22.9496471,6 L22.9496471,6 Z M8.43105882,7.72136364 C10.963451,7.72136364 13.350902,9.13727273 14.9810196,11.6057273 C15.2809412,12.062 16.0884706,12.062 16.3890196,11.6057273 C18.0197647,9.13536364 20.4109804,7.71754545 22.9496471,7.71754545 C26.2105098,7.71754545 29.6771765,10.2095455 29.6771765,14.8276364 C29.6771765,19.7989091 25.3803922,23.528 21.3527843,26.6321818 L19.4616471,28.0888182 C17.4939608,29.6014545 16.5364706,30.3370909 15.6812549,31.1287273 C15.0569412,30.5636364 14.3623529,30.0265455 13.3483922,29.2444545 C12.5289412,28.6119091 11.4741961,27.7973636 10.0185098,26.6321818 C6.50478431,23.8277273 1.6934902,19.9872727 1.6934902,14.8868182 C1.6934902,10.2324545 5.16517647,7.72136364 8.43105882,7.72136364 L8.43105882,7.72136364 Z" id="free-sm-icon" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 2.3 KiB

46
public/img/home/gallery-md-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="154px" height="110px" viewBox="0 0 154 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>gallery-md-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-265.000000, -1655.000000)">
<g id="gallery-md-icon" sketch:type="MSLayerGroup" transform="translate(265.000000, 1655.000000)">
<path d="M152.796839,106.241474 C152.796839,108.317 149.964854,110 146.468996,110 L6.57124345,110 C3.07653933,110 0.243400749,108.317 0.243400749,106.241474 L0.243400749,3.817 C0.243400749,1.74089474 3.07653933,0.0584736842 6.57124345,0.0584736842 L146.469573,0.0584736842 C149.965431,0.0584736842 152.797416,1.74089474 152.797416,3.817 L152.797416,106.241474 L152.796839,106.241474 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<g id="Group" transform="translate(7.498127, 17.947368)" sketch:type="MSShapeGroup">
<g transform="translate(0.000000, 44.578947)" id="Rectangle-path">
<rect fill="#739AB1" x="107.857678" y="0" width="31.7228464" height="20.2631579"></rect>
<rect fill="#D6D6D6" x="0" y="20.2631579" width="31.7228464" height="20.2631579"></rect>
<rect fill="#739AB1" x="0" y="0" width="31.7228464" height="20.2631579"></rect>
<rect fill="#D6D6D6" x="35.7602996" y="20.2631579" width="31.7228464" height="20.2631579"></rect>
<rect fill="#FF6969" x="35.7602996" y="0" width="31.7228464" height="20.2631579"></rect>
<rect fill="#D6D6D6" x="71.5205993" y="20.2631579" width="32.2996255" height="20.2631579"></rect>
<rect fill="#00CEB8" x="71.5205993" y="0" width="32.2996255" height="20.2631579"></rect>
</g>
<rect id="Rectangle-path" fill="#D6D6D6" x="107.857678" y="20.2631579" width="31.7228464" height="20.2631579"></rect>
<rect id="Rectangle-path" fill="#D6D6D6" x="107.857678" y="64.8421053" width="31.7228464" height="20.2631579"></rect>
<rect id="Rectangle-path" fill="#00CEB8" x="107.857678" y="0" width="31.7228464" height="20.2631579"></rect>
<g id="Rectangle-path">
<rect fill="#D6D6D6" x="0" y="20.2631579" width="31.7228464" height="20.2631579"></rect>
<rect fill="#FF6969" x="0" y="0" width="31.7228464" height="20.2631579"></rect>
</g>
<g transform="translate(35.760300, 0.000000)" id="Rectangle-path">
<rect fill="#D6D6D6" x="0" y="20.2631579" width="31.7228464" height="20.2631579"></rect>
<rect fill="#00CEB8" x="0" y="0" width="31.7228464" height="20.2631579"></rect>
</g>
<g transform="translate(71.520599, 0.000000)" id="Rectangle-path">
<rect fill="#D6D6D6" x="0" y="20.2631579" width="32.2996255" height="20.2631579"></rect>
<rect fill="#739AB1" x="0" y="0" width="32.2996255" height="20.2631579"></rect>
</g>
</g>
<rect id="Rectangle-path" fill="#D6D6D6" sketch:type="MSShapeGroup" x="2.88389513" y="1.73684211" width="149.385768" height="12.1578947"></rect>
<ellipse id="Oval" fill="#C4C4C4" sketch:type="MSShapeGroup" cx="5.91313858" cy="5.93536842" rx="1.87568539" ry="1.88273684"></ellipse>
<ellipse id="Oval" fill="#C4C4C4" sketch:type="MSShapeGroup" cx="10.526794" cy="5.93478947" rx="1.87510861" ry="1.88215789"></ellipse>
<ellipse id="Oval" fill="#C4C4C4" sketch:type="MSShapeGroup" cx="15.141603" cy="5.93536842" rx="1.87568539" ry="1.88273684"></ellipse>
<path d="M150.413011,6.59768421 C150.413011,7.91015789 149.352891,8.97368421 148.04591,8.97368421 L66.2621049,8.97368421 C64.9551236,8.97368421 63.8961573,7.91015789 63.8961573,6.59768421 L63.8961573,6.13857895 C63.8961573,4.82610526 64.9551236,3.76257895 66.2621049,3.76257895 L148.046487,3.76257895 C149.353468,3.76257895 150.413588,4.82610526 150.413588,6.13857895 L150.413588,6.59768421 L150.413011,6.59768421 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M150.256704,3.11242105 C150.643146,3.11242105 150.958067,3.42852632 150.958067,3.817 L150.958067,106.241474 C150.958067,106.629947 150.643146,106.946053 150.256704,106.946053 L3.98785019,106.946053 C3.60083146,106.946053 3.28591011,106.629947 3.28591011,106.241474 L3.28591011,3.817 C3.28591011,3.42852632 3.60083146,3.11242105 3.98785019,3.11242105 L150.256704,3.11242105 L150.256704,3.11242105 Z M150.256704,0.0584736842 L3.98785019,0.0584736842 C1.9195206,0.0584736842 0.243400749,1.74089474 0.243400749,3.817 L0.243400749,106.241474 C0.243400749,108.317 1.9195206,110 3.98785019,110 L150.256704,110 C152.325034,110 154,108.317 154,106.241474 L154,3.817 C154,1.74089474 152.325034,0.0584736842 150.256704,0.0584736842 L150.256704,0.0584736842 L150.256704,0.0584736842 Z" id="Shape" fill="#D6D6D6" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 5.5 KiB

29
public/img/home/get-together-md-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="155px" height="120px" viewBox="0 0 155 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>get-together-md-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-904.000000, -1646.000000)">
<g id="get-together-md-icon" sketch:type="MSLayerGroup" transform="translate(905.000000, 1646.000000)">
<path d="M58.8766736,103.241685 L8.22104663,81.4862483 L9.88073575,77.6151544 L57.3925285,98.0200604 L108.978539,24.3598591 L146.559326,46.3700671 L144.433648,50.005557 L110.199368,29.9568523 L58.8766736,103.241685 Z" id="Shape" fill="#D6D6D6" sketch:type="MSShapeGroup"></path>
<path d="M100.270756,78.5863221 C100.270756,66.4115839 110.130746,56.5465638 122.29515,56.5465638 C134.460352,56.5465638 144.311565,66.4115839 144.311565,78.5863221 C144.311565,90.7618591 134.460352,100.630872 122.29515,100.630872 C110.130746,100.630872 100.270756,90.7626577 100.270756,78.5863221 L100.270756,78.5863221 Z" id="Shape" fill="#FF6969" sketch:type="MSShapeGroup"></path>
<path d="M122.331855,64.7791275 C113.967979,64.7791275 111.739368,72.0333356 115.083482,78.9153691 C118.354984,85.6480537 121.959223,91.9374832 121.959223,91.9374832 C121.959223,91.9374832 127.237513,83.0460268 129.578632,78.357906 C132.739223,72.0333356 130.695731,64.7791275 122.331855,64.7791275 L122.331855,64.7791275 Z M122.157109,76.4978322 C120.463109,76.4978322 119.089876,75.1233423 119.089876,73.4285906 C119.089876,71.7338389 120.463109,70.3585503 122.157109,70.3585503 C123.849513,70.3585503 125.224342,71.7338389 125.224342,73.4285906 C125.224342,75.1233423 123.849513,76.4978322 122.157109,76.4978322 L122.157109,76.4978322 Z" id="Shape" fill="#E3EAEE" sketch:type="MSShapeGroup"></path>
<path d="M36.6711503,97.131953 C36.6711503,84.9572148 46.5311399,75.0921946 58.695544,75.0921946 C70.8607461,75.0921946 80.7119585,84.9572148 80.7119585,97.131953 C80.7119585,109.30749 70.8607461,119.176503 58.695544,119.176503 C46.5319378,119.176503 36.6711503,109.30749 36.6711503,97.131953 L36.6711503,97.131953 Z" id="Shape" fill="#739AB1" sketch:type="MSShapeGroup"></path>
<path d="M58.7330466,83.3247584 C50.369171,83.3247584 48.1405596,90.5789664 51.4846736,97.461 C54.7561762,104.193685 58.3604145,110.483114 58.3604145,110.483114 C58.3604145,110.483114 63.6387047,101.591658 65.9798238,96.9035369 C69.1404145,90.5789664 67.0969223,83.3247584 58.7330466,83.3247584 L58.7330466,83.3247584 Z M58.5583005,95.0434631 C56.8643005,95.0434631 55.4910674,93.6689732 55.4910674,91.9742215 C55.4910674,90.2794698 56.8643005,88.9041812 58.5583005,88.9041812 C60.2507047,88.9041812 61.6255337,90.2794698 61.6255337,91.9742215 C61.6255337,93.6689732 60.2507047,95.0434631 58.5583005,95.0434631 L58.5583005,95.0434631 Z" id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M36.6711503,34.836651 C36.6711503,22.6619128 46.5311399,12.7968926 58.695544,12.7968926 C70.8607461,12.7968926 80.7119585,22.6619128 80.7119585,34.836651 C80.7119585,47.0121879 70.8607461,56.8812013 58.695544,56.8812013 C46.5319378,56.8812013 36.6711503,47.0121879 36.6711503,34.836651 L36.6711503,34.836651 Z" id="Shape" fill="#00CEB8" sketch:type="MSShapeGroup"></path>
<path d="M58.7330466,21.0294564 C50.369171,21.0294564 48.1405596,28.2836644 51.4846736,35.165698 C54.7561762,41.8983826 58.3604145,48.1878121 58.3604145,48.1878121 C58.3604145,48.1878121 63.6387047,39.2963557 65.9798238,34.6082349 C69.1404145,28.2836644 67.0969223,21.0294564 58.7330466,21.0294564 L58.7330466,21.0294564 Z M58.5583005,32.7481611 C56.8643005,32.7481611 55.4910674,31.3736711 55.4910674,29.6789195 C55.4910674,27.9841678 56.8643005,26.6088792 58.5583005,26.6088792 C60.2507047,26.6088792 61.6255337,27.9841678 61.6255337,29.6789195 C61.6255337,31.3736711 60.2507047,32.7481611 58.5583005,32.7481611 L58.5583005,32.7481611 Z" id="Shape" fill="#739AB1" sketch:type="MSShapeGroup"></path>
<g id="Group" transform="translate(136.445596, 23.161074)" sketch:type="MSShapeGroup">
<ellipse id="Oval" cx="8.65192746" cy="8.65984564" rx="3.06643523" ry="3.06924161"></ellipse>
<path d="M8.78278756,0 C0.420507772,0 -1.80810363,7.25420805 1.53601036,14.1362416 C4.8059171,20.8681275 8.4117513,27.1583557 8.4117513,27.1583557 C8.4117513,27.1583557 13.6884456,18.2668993 16.0311606,13.5787785 C19.1901554,7.25420805 17.149057,0 8.78278756,0 L8.78278756,0 Z M8.60883938,11.7187047 C6.91643523,11.7187047 5.54320207,10.3442148 5.54320207,8.64946309 C5.54320207,6.95471141 6.91643523,5.57942282 8.60883938,5.57942282 C10.3028394,5.57942282 11.6760725,6.95471141 11.6760725,8.64946309 C11.6760725,10.3442148 10.3028394,11.7187047 8.60883938,11.7187047 L8.60883938,11.7187047 Z" id="Shape" fill="#00CEB8"></path>
</g>
<g id="Group" transform="translate(0.000000, 54.308725)" sketch:type="MSShapeGroup">
<ellipse id="Oval" cx="8.65192746" cy="8.65984564" rx="3.06643523" ry="3.06924161"></ellipse>
<path d="M8.624,0 C0.261720207,0 -1.96689119,7.25420805 1.3772228,14.1362416 C4.64712953,20.8681275 8.25296373,27.1583557 8.25296373,27.1583557 C8.25296373,27.1583557 13.529658,18.2668993 15.8723731,13.5787785 C19.0313679,7.25420805 16.9894715,0 8.624,0 L8.624,0 Z M8.44925389,11.7187047 C6.75684974,11.7187047 5.38361658,10.3442148 5.38361658,8.64946309 C5.38361658,6.95471141 6.75684974,5.57942282 8.44925389,5.57942282 C10.1432539,5.57942282 11.516487,6.95471141 11.516487,8.64946309 C11.516487,10.3442148 10.1432539,11.7187047 8.44925389,11.7187047 L8.44925389,11.7187047 Z" id="Shape" fill="#FF6969"></path>
</g>
<path d="M109.960788,0 C101.598508,0 99.3683005,7.25420805 102.712415,14.1362416 C105.983917,20.8689262 109.588155,27.1583557 109.588155,27.1583557 C109.588155,27.1583557 114.866446,18.2668993 117.209161,13.5787785 C120.368155,7.25420805 118.325461,0 109.960788,0 L109.960788,0 Z M109.786041,11.7187047 C108.093637,11.7187047 106.718808,10.3442148 106.718808,8.64946309 C106.718808,6.95471141 108.093637,5.57942282 109.786041,5.57942282 C111.480041,5.57942282 112.853275,6.95471141 112.853275,8.64946309 C112.853275,10.3442148 111.480041,11.7187047 109.786041,11.7187047 L109.786041,11.7187047 Z" id="Shape" fill="#D6D6D6" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 6.7 KiB

Двоичные данные
public/img/home/get-together.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 25 KiB

Двоичные данные
public/img/home/get-together@2x.jpg
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 68 KiB

65
public/img/home/learntoteach-md-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,65 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="152px" height="120px" viewBox="0 0 152 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>learntoteach-md-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-578.000000, -1645.000000)">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(189.000000, 1624.000000)">
<g id="learntoteach-md-icon" transform="translate(390.000000, 22.000000)" sketch:type="MSShapeGroup">
<g id="resources-illustration">
<path d="M87.841573,115.323972 C87.841573,117.345844 86.2095506,118.985336 84.1949438,118.985336 L3.57134831,118.985336 C1.55786517,118.985336 -0.0747191011,117.345844 -0.0747191011,115.323972 L-0.0747191011,15.5472654 C-0.0747191011,13.5248294 1.55786517,11.8853365 3.57134831,11.8853365 L84.1949438,11.8853365 C86.2095506,11.8853365 87.841573,13.5248294 87.841573,15.5472654 L87.841573,115.323972" id="Fill-1" fill="#FFFFFF"></path>
<path d="M1.68539326,25.64591 L85.3932584,25.64591 L85.3932584,51.5890379 L1.68539326,51.5890379 L1.68539326,25.64591 L1.68539326,25.64591 Z" id="Fill-2" fill="#739AB1"></path>
<path d="M2.24719101,13.8023081 L86.5168539,13.8023081 L86.5168539,25.64591 L2.24719101,25.64591 L2.24719101,13.8023081 L2.24719101,13.8023081 Z" id="Fill-3" fill="#D6D6D6"></path>
<path d="M3.38258427,17.4794645 C3.38258427,16.4665545 4.2005618,15.6453981 5.20955056,15.6453981 C6.21797753,15.6453981 7.03539326,16.4665545 7.03539326,17.4794645 C7.03539326,18.4923744 6.21797753,19.3129668 5.20955056,19.3129668 C4.2005618,19.3129668 3.38258427,18.4923744 3.38258427,17.4794645" id="Fill-4" fill="#C4C4C4"></path>
<path d="M8.08707865,17.4794645 C8.08707865,16.4665545 8.90561798,15.6453981 9.91404494,15.6453981 C10.9230337,15.6453981 11.7404494,16.4665545 11.7404494,17.4794645 C11.7404494,18.4923744 10.9230337,19.3129668 9.91404494,19.3129668 C8.90561798,19.3129668 8.08707865,18.4923744 8.08707865,17.4794645" id="Fill-5" fill="#C4C4C4"></path>
<path d="M12.791573,17.4794645 C12.791573,16.4665545 13.6095506,15.6453981 14.6179775,15.6453981 C15.6269663,15.6453981 16.4449438,16.4665545 16.4449438,17.4794645 C16.4449438,18.4923744 15.6269663,19.3129668 14.6179775,19.3129668 C13.6095506,19.3129668 12.791573,18.4923744 12.791573,17.4794645" id="Fill-6" fill="#C4C4C4"></path>
<path d="M28.0786517,66.7567441 L77.4696629,66.7567441 M28.0786517,75.5176256 L77.4696629,75.5176256" id="Stroke-7" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M12.4938202,64.9395972 C12.4938202,62.9306967 14.1151685,61.3030474 16.1162921,61.3030474 C18.1168539,61.3030474 19.7376404,62.9306967 19.7376404,64.9395972 C19.7376404,66.9479336 18.1168539,68.5755829 16.1162921,68.5755829 C14.1151685,68.5755829 12.4938202,66.9479336 12.4938202,64.9395972" id="Fill-8" fill="#739AB1"></path>
<path d="M16.1162921,74.1939621 C14.1151685,74.1939621 12.4938202,75.8216114 12.4938202,77.8299479 C12.4938202,79.8388483 14.1151685,81.4664976 16.1162921,81.4664976 C18.1168539,81.4664976 19.7376404,79.8388483 19.7376404,77.8299479 C19.7376404,75.8216114 18.1168539,74.1939621 16.1162921,74.1939621 L16.1162921,74.1939621 L16.1162921,74.1939621 Z M16.1162921,75.1860047 C17.5679775,75.1860047 18.75,76.3714929 18.75,77.8299479 C18.75,79.2884028 17.5679775,80.475019 16.1162921,80.475019 C14.6634831,80.475019 13.4820225,79.2884028 13.4820225,77.8299479 C13.4820225,76.3714929 14.6634831,75.1860047 16.1162921,75.1860047 L16.1162921,75.1860047 L16.1162921,75.1860047 Z" id="Fill-9" fill="#739AB1"></path>
<path d="M16.1151685,74.7116967 L16.1151685,66.5926256" id="Stroke-10" stroke="#739AB1" stroke-width="2.638"></path>
<path d="M28.0786517,91.8770237 L77.4696629,91.8770237 M28.0786517,100.637905 L77.4696629,100.637905" id="Stroke-11" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M12.4938202,90.0593128 C12.4938202,88.0509763 14.1151685,86.423327 16.1162921,86.423327 C18.1168539,86.423327 19.7376404,88.0509763 19.7376404,90.0593128 C19.7376404,92.0676493 18.1168539,93.6958626 16.1162921,93.6958626 C14.1151685,93.6958626 12.4938202,92.0676493 12.4938202,90.0593128" id="Fill-13" fill="#739AB1"></path>
<path d="M16.1162921,99.3136777 C14.1151685,99.3136777 12.4938202,100.941891 12.4938202,102.950227 C12.4938202,104.958564 14.1151685,106.586213 16.1162921,106.586213 C18.1168539,106.586213 19.7376404,104.958564 19.7376404,102.950227 C19.7376404,100.941891 18.1168539,99.3136777 16.1162921,99.3136777 L16.1162921,99.3136777 L16.1162921,99.3136777 Z M16.1162921,100.30572 C17.5679775,100.30572 18.75,101.491773 18.75,102.950227 C18.75,104.408682 17.5679775,105.594735 16.1162921,105.594735 C14.6634831,105.594735 13.4820225,104.408682 13.4820225,102.950227 C13.4820225,101.491773 14.6634831,100.30572 16.1162921,100.30572 L16.1162921,100.30572 L16.1162921,100.30572 Z" id="Fill-14" fill="#739AB1"></path>
<path d="M16.1151685,99.8319763 L16.1151685,91.7123412" id="Stroke-15" stroke="#739AB1" stroke-width="2.638"></path>
<path d="M84.3831461,18.2899052 C84.3831461,19.5678863 83.3511236,20.6039194 82.0792135,20.6039194 L36.3078652,20.6039194 C35.0353933,20.6039194 34.0033708,19.5678863 34.0033708,18.2899052 L34.0033708,17.9594123 C34.0033708,16.6819953 35.0353933,15.6453981 36.3078652,15.6453981 L82.0792135,15.6453981 C83.3511236,15.6453981 84.3831461,16.6819953 84.3831461,17.9594123 L84.3831461,18.2899052" id="Fill-16" fill="#FFFFFF"></path>
<path d="M84.1949438,11.8853365 L3.57134831,11.8853365 C1.55786517,11.8853365 -0.0747191011,13.5248294 -0.0747191011,15.5472654 L-0.0747191011,115.323972 C-0.0747191011,117.345844 1.55786517,118.985336 3.57134831,118.985336 L84.1949438,118.985336 C86.2095506,118.985336 87.841573,117.345844 87.841573,115.323972 L87.841573,15.5472654 C87.841573,13.5248294 86.2095506,11.8853365 84.1949438,11.8853365 L84.1949438,11.8853365 L84.1949438,11.8853365 Z M84.1949438,14.8603365 C84.5719101,14.8603365 84.8780899,15.1682701 84.8780899,15.5472654 L84.8780899,115.323972 C84.8780899,115.702403 84.5719101,116.009773 84.1949438,116.009773 L3.57134831,116.009773 C3.19494382,116.009773 2.88876404,115.702403 2.88876404,115.323972 L2.88876404,15.5472654 C2.88876404,15.1682701 3.19494382,14.8603365 3.57134831,14.8603365 L84.1949438,14.8603365 L84.1949438,14.8603365 Z" id="Fill-17" fill="#D6D6D6"></path>
<path d="M119.452247,103.423408 C119.452247,105.445844 117.820225,107.085336 115.80618,107.085336 L35.1820225,107.085336 C33.1685393,107.085336 31.5353933,105.445844 31.5353933,103.423408 L31.5353933,3.64670142 C31.5353933,1.62482938 33.1685393,-0.0146635071 35.1820225,-0.0146635071 L115.80618,-0.0146635071 C117.820225,-0.0146635071 119.452247,1.62482938 119.452247,3.64670142 L119.452247,103.423408" id="Fill-18" fill="#FFFFFF"></path>
<path d="M33.1460674,13.8023081 L116.853933,13.8023081 L116.853933,39.745436 L33.1460674,39.745436 L33.1460674,13.8023081 L33.1460674,13.8023081 Z" id="Fill-19" fill="#FF6969"></path>
<path d="M34.2696629,1.95870616 L117.977528,1.95870616 L117.977528,13.8023081 L34.2696629,13.8023081 L34.2696629,1.95870616 L34.2696629,1.95870616 Z" id="Fill-20" fill="#D6D6D6"></path>
<path d="M34.9932584,5.57946445 C34.9932584,4.56711848 35.811236,3.7453981 36.8202247,3.7453981 C37.8286517,3.7453981 38.6460674,4.56711848 38.6460674,5.57946445 C38.6460674,6.59237441 37.8286517,7.41296682 36.8202247,7.41296682 C35.811236,7.41296682 34.9932584,6.59237441 34.9932584,5.57946445" id="Fill-21" fill="#C4C4C4"></path>
<path d="M39.6977528,5.57946445 C39.6977528,4.56711848 40.5157303,3.7453981 41.5247191,3.7453981 C42.5331461,3.7453981 43.3511236,4.56711848 43.3511236,5.57946445 C43.3511236,6.59237441 42.5331461,7.41296682 41.5247191,7.41296682 C40.5157303,7.41296682 39.6977528,6.59237441 39.6977528,5.57946445" id="Fill-22" fill="#C4C4C4"></path>
<path d="M44.4022472,5.57946445 C44.4022472,4.56711848 45.2202247,3.7453981 46.2286517,3.7453981 C47.2376404,3.7453981 48.055618,4.56711848 48.055618,5.57946445 C48.055618,6.59237441 47.2376404,7.41296682 46.2286517,7.41296682 C45.2202247,7.41296682 44.4022472,6.59237441 44.4022472,5.57946445" id="Fill-23" fill="#C4C4C4"></path>
<path d="M59.688764,54.8573081 L109.079775,54.8573081 M59.688764,63.6176256 L109.079775,63.6176256" id="Stroke-24" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M44.1044944,53.0395972 C44.1044944,51.0312607 45.7258427,49.4036114 47.7269663,49.4036114 C49.7275281,49.4036114 51.3477528,51.0312607 51.3477528,53.0395972 C51.3477528,55.0479336 49.7275281,56.6755829 47.7269663,56.6755829 C45.7258427,56.6755829 44.1044944,55.0479336 44.1044944,53.0395972" id="Fill-25" fill="#FF6969"></path>
<path d="M47.7269663,62.2933981 C45.7258427,62.2933981 44.1044944,63.9216114 44.1044944,65.9305118 C44.1044944,67.9388483 45.7258427,69.5664976 47.7269663,69.5664976 C49.7275281,69.5664976 51.3477528,67.9388483 51.3477528,65.9305118 C51.3477528,63.9216114 49.7275281,62.2933981 47.7269663,62.2933981 L47.7269663,62.2933981 L47.7269663,62.2933981 Z M47.7269663,63.2854408 C49.1786517,63.2854408 50.3601124,64.4720569 50.3601124,65.9305118 C50.3601124,67.3889668 49.1786517,68.574455 47.7269663,68.574455 C46.2741573,68.574455 45.0921348,67.3889668 45.0921348,65.9305118 C45.0921348,64.4720569 46.2741573,63.2854408 47.7269663,63.2854408 L47.7269663,63.2854408 L47.7269663,63.2854408 Z" id="Fill-26" fill="#FF6969"></path>
<path d="M47.7258427,62.8116967 L47.7258427,54.6926256" id="Stroke-27" stroke="#FF6969" stroke-width="2.638"></path>
<path d="M59.688764,79.9770237 L109.079775,79.9770237 M59.688764,88.7373412 L109.079775,88.7373412" id="Stroke-28" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M44.1044944,78.1593128 C44.1044944,76.1509763 45.7258427,74.522763 47.7269663,74.522763 C49.7275281,74.522763 51.3477528,76.1509763 51.3477528,78.1593128 C51.3477528,80.1682133 49.7275281,81.7958626 47.7269663,81.7958626 C45.7258427,81.7958626 44.1044944,80.1682133 44.1044944,78.1593128" id="Fill-29" fill="#FF6969"></path>
<path d="M47.7269663,87.4136777 C45.7258427,87.4136777 44.1044944,89.041327 44.1044944,91.0502275 C44.1044944,93.058564 45.7258427,94.6867773 47.7269663,94.6867773 C49.7275281,94.6867773 51.3477528,93.058564 51.3477528,91.0502275 C51.3477528,89.041327 49.7275281,87.4136777 47.7269663,87.4136777 L47.7269663,87.4136777 L47.7269663,87.4136777 Z M47.7269663,88.4057204 C49.1786517,88.4057204 50.3601124,89.5917725 50.3601124,91.0502275 C50.3601124,92.5086825 49.1786517,93.6947346 47.7269663,93.6947346 C46.2741573,93.6947346 45.0921348,92.5086825 45.0921348,91.0502275 C45.0921348,89.5917725 46.2741573,88.4057204 47.7269663,88.4057204 L47.7269663,88.4057204 L47.7269663,88.4057204 Z" id="Fill-30" fill="#FF6969"></path>
<path d="M47.7258427,87.9314123 L47.7258427,79.8123412" id="Stroke-31" stroke="#FF6969" stroke-width="2.638"></path>
<path d="M115.99382,6.38990521 C115.99382,7.66788626 114.961798,8.70391943 113.689326,8.70391943 L67.9185393,8.70391943 C66.6460674,8.70391943 65.6134831,7.66788626 65.6134831,6.38990521 L65.6134831,6.05941232 C65.6134831,4.78199526 66.6460674,3.7453981 67.9185393,3.7453981 L113.689326,3.7453981 C114.961798,3.7453981 115.99382,4.78199526 115.99382,6.05941232 L115.99382,6.38990521" id="Fill-32" fill="#FFFFFF"></path>
<path d="M115.80618,-0.0146635071 L35.1820225,-0.0146635071 C33.1685393,-0.0146635071 31.5353933,1.62482938 31.5353933,3.64670142 L31.5353933,103.423408 C31.5353933,105.445844 33.1685393,107.085336 35.1820225,107.085336 L115.80618,107.085336 C117.820225,107.085336 119.452247,105.445844 119.452247,103.423408 L119.452247,3.64670142 C119.452247,1.62482938 117.820225,-0.0146635071 115.80618,-0.0146635071 L115.80618,-0.0146635071 L115.80618,-0.0146635071 Z M115.80618,2.96033649 C116.182584,2.96033649 116.488764,3.26827014 116.488764,3.64670142 L116.488764,103.423408 C116.488764,103.802403 116.182584,104.110336 115.80618,104.110336 L35.1820225,104.110336 C34.805618,104.110336 34.4988764,103.802403 34.4988764,103.423408 L34.4988764,3.64670142 C34.4988764,3.26827014 34.805618,2.96033649 35.1820225,2.96033649 L115.80618,2.96033649 L115.80618,2.96033649 Z" id="Fill-33" fill="#D6D6D6"></path>
<path d="M150.075281,115.323972 C150.075281,117.345844 148.443258,118.985336 146.428652,118.985336 L65.8044944,118.985336 C63.7910112,118.985336 62.158427,117.345844 62.158427,115.323972 L62.158427,15.5472654 C62.158427,13.5248294 63.7910112,11.8853365 65.8044944,11.8853365 L146.428652,11.8853365 C148.443258,11.8853365 150.075281,13.5248294 150.075281,15.5472654 L150.075281,115.323972" id="Fill-34" fill="#FFFFFF"></path>
<path d="M63.4831461,25.64591 L147.752809,25.64591 L147.752809,51.5890379 L63.4831461,51.5890379 L63.4831461,25.64591 L63.4831461,25.64591 Z" id="Fill-35" fill="#00CEB8"></path>
<path d="M64.6067416,13.8023081 L148.314607,13.8023081 L148.314607,25.64591 L64.6067416,25.64591 L64.6067416,13.8023081 L64.6067416,13.8023081 Z" id="Fill-36" fill="#D6D6D6"></path>
<path d="M65.6157303,17.4794645 C65.6157303,16.4665545 66.4337079,15.6453981 67.4426966,15.6453981 C68.4511236,15.6453981 69.2691011,16.4665545 69.2691011,17.4794645 C69.2691011,18.4923744 68.4511236,19.3129668 67.4426966,19.3129668 C66.4337079,19.3129668 65.6157303,18.4923744 65.6157303,17.4794645" id="Fill-37" fill="#C4C4C4"></path>
<path d="M70.3202247,17.4794645 C70.3202247,16.4665545 71.1382022,15.6453981 72.147191,15.6453981 C73.1561798,15.6453981 73.9735955,16.4665545 73.9735955,17.4794645 C73.9735955,18.4923744 73.1561798,19.3129668 72.147191,19.3129668 C71.1382022,19.3129668 70.3202247,18.4923744 70.3202247,17.4794645" id="Fill-38" fill="#C4C4C4"></path>
<path d="M75.0247191,17.4794645 C75.0247191,16.4665545 75.8426966,15.6453981 76.8511236,15.6453981 C77.8606742,15.6453981 78.6786517,16.4665545 78.6786517,17.4794645 C78.6786517,18.4923744 77.8606742,19.3129668 76.8511236,19.3129668 C75.8426966,19.3129668 75.0247191,18.4923744 75.0247191,17.4794645" id="Fill-39" fill="#C4C4C4"></path>
<path d="M90.311236,66.7567441 L139.702809,66.7567441 M90.311236,75.5176256 L139.702809,75.5176256" id="Stroke-40" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M74.7269663,64.9395972 C74.7269663,62.9306967 76.3483146,61.3030474 78.3494382,61.3030474 C80.35,61.3030474 81.9707865,62.9306967 81.9707865,64.9395972 C81.9707865,66.9479336 80.35,68.5755829 78.3494382,68.5755829 C76.3483146,68.5755829 74.7269663,66.9479336 74.7269663,64.9395972" id="Fill-41" fill="#00CEB8"></path>
<path d="M78.3494382,74.1939621 C76.3483146,74.1939621 74.7269663,75.8216114 74.7269663,77.8299479 C74.7269663,79.8388483 76.3483146,81.4664976 78.3494382,81.4664976 C80.35,81.4664976 81.9707865,79.8388483 81.9707865,77.8299479 C81.9707865,75.8216114 80.35,74.1939621 78.3494382,74.1939621 L78.3494382,74.1939621 L78.3494382,74.1939621 Z M78.3494382,75.1860047 C79.8016854,75.1860047 80.9825843,76.3714929 80.9825843,77.8299479 C80.9825843,79.2884028 79.8016854,80.475019 78.3494382,80.475019 C76.8966292,80.475019 75.7146067,79.2884028 75.7146067,77.8299479 C75.7146067,76.3714929 76.8966292,75.1860047 78.3494382,75.1860047 L78.3494382,75.1860047 L78.3494382,75.1860047 Z" id="Fill-42" fill="#00CEB8"></path>
<path d="M78.3483146,74.7116967 L78.3483146,66.5926256" id="Stroke-43" stroke="#00CEB8" stroke-width="2.638"></path>
<path d="M90.311236,91.8770237 L139.702809,91.8770237 M90.311236,100.637905 L139.702809,100.637905" id="Stroke-44" stroke="#D6D6D6" stroke-width="7.033"></path>
<path d="M74.7269663,90.0593128 C74.7269663,88.0509763 76.3483146,86.423327 78.3494382,86.423327 C80.35,86.423327 81.9707865,88.0509763 81.9707865,90.0593128 C81.9707865,92.0676493 80.35,93.6958626 78.3494382,93.6958626 C76.3483146,93.6958626 74.7269663,92.0676493 74.7269663,90.0593128" id="Fill-46" fill="#00CEB8"></path>
<path d="M78.3494382,99.3136777 C76.3483146,99.3136777 74.7269663,100.941891 74.7269663,102.950227 C74.7269663,104.958564 76.3483146,106.586213 78.3494382,106.586213 C80.35,106.586213 81.9707865,104.958564 81.9707865,102.950227 C81.9707865,100.941891 80.35,99.3136777 78.3494382,99.3136777 L78.3494382,99.3136777 L78.3494382,99.3136777 Z M78.3494382,100.30572 C79.8016854,100.30572 80.9825843,101.491773 80.9825843,102.950227 C80.9825843,104.408682 79.8016854,105.594735 78.3494382,105.594735 C76.8966292,105.594735 75.7146067,104.408682 75.7146067,102.950227 C75.7146067,101.491773 76.8966292,100.30572 78.3494382,100.30572 L78.3494382,100.30572 L78.3494382,100.30572 Z" id="Fill-47" fill="#00CEB8"></path>
<path d="M78.3483146,99.8319763 L78.3483146,91.7123412" id="Stroke-48" stroke="#00CEB8" stroke-width="2.638"></path>
<path d="M146.616854,18.2899052 C146.616854,19.5678863 145.584831,20.6039194 144.311798,20.6039194 L98.5410112,20.6039194 C97.2685393,20.6039194 96.2365169,19.5678863 96.2365169,18.2899052 L96.2365169,17.9594123 C96.2365169,16.6819953 97.2685393,15.6453981 98.5410112,15.6453981 L144.311798,15.6453981 C145.584831,15.6453981 146.616854,16.6819953 146.616854,17.9594123 L146.616854,18.2899052" id="Fill-49" fill="#FFFFFF"></path>
<path d="M146.428652,11.8853365 L65.8044944,11.8853365 C63.7910112,11.8853365 62.158427,13.5248294 62.158427,15.5472654 L62.158427,115.323972 C62.158427,117.345844 63.7910112,118.985336 65.8044944,118.985336 L146.428652,118.985336 C148.443258,118.985336 150.075281,117.345844 150.075281,115.323972 L150.075281,15.5472654 C150.075281,13.5248294 148.443258,11.8853365 146.428652,11.8853365 L146.428652,11.8853365 L146.428652,11.8853365 Z M146.428652,14.8603365 C146.805056,14.8603365 147.111236,15.1682701 147.111236,15.5472654 L147.111236,115.323972 C147.111236,115.702403 146.805056,116.009773 146.428652,116.009773 L65.8044944,116.009773 C65.4280899,116.009773 65.1219101,115.702403 65.1219101,115.323972 L65.1219101,15.5472654 C65.1219101,15.1682701 65.4280899,14.8603365 65.8044944,14.8603365 L146.428652,14.8603365 L146.428652,14.8603365 Z" id="Fill-50" fill="#D6D6D6"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 19 KiB

27
public/img/home/local-sm-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>local-sm-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-193.000000, -1156.000000)" fill="#545E66">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(193.000000, 1002.000000)">
<g id="Aenean-lacinia-biben-+-Open-Source-+-Imported-Layers" transform="translate(0.000000, 147.000000)" sketch:type="MSShapeGroup">
<g id="local-sm-icon" transform="translate(0.000000, 7.000000)">
<path d="M28,0 L4,0 C1.792,0 0,1.794 0,4 L0,28 C0,30.206 1.792,32 4,32 L28,32 C30.208,32 32,30.206 32,28 L32,4 C32,1.794 30.208,0 28,0 L28,0 Z M30,28 C30,29.1 29.102,30 28,30 L4,30 C2.902,30 2,29.1 2,28 L2,10 L30,10 L30,28 L30,28 Z M30,8 L2,8 L2,4 C2,2.9 2.902,2 4,2 L28,2 C29.102,2 30,2.9 30,4 L30,8 L30,8 Z" id="Fill-1"></path>
<path d="M6.5,3.5 C5.672,3.5 5,4.172 5,5 C5,5.828 5.672,6.5 6.5,6.5 C7.328,6.5 8,5.828 8,5 C8,4.172 7.328,3.5 6.5,3.5" id="Fill-2"></path>
<path d="M10.5,3.5 C9.672,3.5 9,4.172 9,5 C9,5.828 9.672,6.5 10.5,6.5 C11.328,6.5 12,5.828 12,5 C12,4.172 11.328,3.5 10.5,3.5" id="Fill-3"></path>
<path d="M14.5,3.5 C13.672,3.5 13,4.172 13,5 C13,5.828 13.672,6.5 14.5,6.5 C15.328,6.5 16,5.828 16,5 C16,4.172 15.328,3.5 14.5,3.5" id="Fill-4"></path>
<path d="M7,18 L9,18 C9.55,18 10,17.55 10,17 L10,15 C10,14.45 9.55,14 9,14 L7,14 C6.45,14 6,14.45 6,15 L6,17 C6,17.55 6.45,18 7,18" id="Fill-5"></path>
<path d="M15,18 L17,18 C17.55,18 18,17.55 18,17 L18,15 C18,14.45 17.55,14 17,14 L15,14 C14.45,14 14,14.45 14,15 L14,17 C14,17.55 14.45,18 15,18" id="Fill-6"></path>
<path d="M23,18 L25,18 C25.55,18 26,17.55 26,17 L26,15 C26,14.45 25.55,14 25,14 L23,14 C22.45,14 22,14.45 22,15 L22,17 C22,17.55 22.45,18 23,18" id="Fill-7"></path>
<path d="M7,26 L9,26 C9.55,26 10,25.55 10,25 L10,23 C10,22.45 9.55,22 9,22 L7,22 C6.45,22 6,22.45 6,23 L6,25 C6,25.55 6.45,26 7,26" id="Fill-8"></path>
<path d="M15,26 L17,26 C17.55,26 18,25.55 18,25 L18,23 C18,22.45 17.55,22 17,22 L15,22 C14.45,22 14,22.45 14,23 L14,25 C14,25.55 14.45,26 15,26" id="Fill-9"></path>
<path d="M23,26 L25,26 C25.55,26 26,25.55 26,25 L26,23 C26,22.45 25.55,22 25,22 L23,22 C22.45,22 22,22.45 22,23 L22,25 C22,25.55 22.45,26 23,26" id="Fill-10"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 3.0 KiB

11
public/img/home/maker-party-arrow.svg
Просмотреть файл

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="114px" height="42.316px" viewBox="0 0 114 42.316" enable-background="new 0 0 114 42.316" xml:space="preserve">
<g>
<polygon fill="#FFE600" points="12.859,1.565 1.99,1.565 14.414,20.762 1.99,40.92 12.859,40.92 25.283,20.762 "/>
<polygon fill="#FFE600" points="113.589,20.762 79.029,0.827 79.029,16.647 43.655,16.647 33.894,1.565 23.024,1.565
35.448,20.762 23.024,40.92 33.894,40.92 43.879,24.718 79.029,24.718 79.029,40.697 "/>
</g>
</svg>
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 825 B

77
public/img/home/maker-party-logo.svg
Просмотреть файл

@ -1,77 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="600px"
height="600px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<g id="Layer_3">
<g>
<path fill="#00B0B7" d="M148.76,452.528l-48.921-28.243c-5.89-3.4-10.165-10.806-10.165-17.607V185.343
c0-6.802,4.275-14.207,10.165-17.607L291.518,57.074c2.829-1.633,6.439-2.533,10.166-2.533c3.726,0,7.336,0.899,10.165,2.532
l191.681,110.662c5.891,3.4,10.166,10.805,10.166,17.607l-0.012,221.335c0,6.803-4.275,14.208-10.167,17.607L311.85,534.947
c-2.83,1.634-6.44,2.533-10.166,2.533c-3.727,0-7.337-0.9-10.166-2.533l-60.47-34.911l-80.886,55.479L148.76,452.528z"/>
<path fill="#FFFFFF" d="M301.683,62.042c2.326,0,4.651,0.509,6.417,1.528l191.68,110.661c3.529,2.037,6.416,7.038,6.416,11.112
l-0.012,221.335c0,4.074-2.887,9.075-6.416,11.112L308.1,528.452c-1.766,1.019-4.091,1.528-6.417,1.528
c-2.326,0-4.651-0.51-6.416-1.528l-64.563-37.274l-73.234,50.23l-1.27-93.244l-52.612-30.374
c-3.528-2.037-6.416-7.038-6.416-11.112V185.343c0-4.075,2.887-9.075,6.416-11.112L295.267,63.569
C297.031,62.551,299.357,62.042,301.683,62.042 M301.683,47.042c-5.096,0-9.907,1.223-13.916,3.538L96.089,161.24
c-8.194,4.73-13.916,14.642-13.916,24.103v221.335c0,9.461,5.722,19.372,13.916,24.103l45.229,26.112l1.153,84.72l0.381,28.011
l23.102-15.845l65.438-44.883l56.375,32.547c4.008,2.314,8.82,3.538,13.915,3.538c5.095,0,9.907-1.224,13.915-3.537
l191.67-110.663c8.192-4.729,13.916-14.641,13.916-24.103l0.012-221.334c0-9.463-5.724-19.375-13.918-24.104L315.599,50.579
C311.59,48.265,306.778,47.042,301.683,47.042L301.683,47.042z"/>
</g>
</g>
<g id="Layer_2">
</g>
<g id="Layer_1">
<g>
<path fill="#FFE600" d="M318.122,276.547l4.653-2.78l11.487,22.228H352l-18.011-32.087l18.328-26.051h-17.18l-12.204,17.815
c-2.413,3.394-4.026,5.87-4.812,7.435v-25.25h-15.793v58.138h15.793V276.547z"/>
<polygon fill="#FFE600" points="392.803,283.193 373.994,283.193 373.994,272.214 391.41,272.214 391.41,259.608 373.994,259.608
373.994,250.46 392.803,250.46 392.803,237.857 358.285,237.857 358.285,295.995 392.803,295.995 "/>
<polygon fill="#FFE600" points="321.937,321.359 336.142,321.359 336.142,366.656 351.84,366.656 351.84,321.359 365.999,321.359
365.999,308.511 321.937,308.511 "/>
<g>
<path fill="#FFE600" d="M276.834,237.62H271l-3.57,14.021c0.2,0.849,0.423,1.774,0.675,2.797
c0.838,3.364,1.547,6.111,2.131,8.235l2.51,9.54H262.19l-3.281,12.885h17.097l2.858,10.896h17.177L276.834,237.62z"/>
<path fill="#FFE600" d="M266.417,247.409c0.012-0.069,0.026-0.146,0.038-0.211c0.002,0.011,0.005,0.024,0.007,0.035l2.447-9.613
h-13.029l-18.969,58.375h17.138L266.417,247.409z"/>
</g>
<g>
<polygon fill="#FFE600" points="394.326,328.447 385.129,308.511 368.025,308.511 386.704,343.574 "/>
<polygon fill="#FFE600" points="406.644,308.511 387.153,347.188 387.153,366.656 402.979,366.656 402.979,343.946
422.115,308.511 "/>
</g>
<g>
<path fill="#FFE600" d="M234.832,319.772c0.157-0.764,0.281-1.402,0.372-1.913c0.014,0.08,0.033,0.175,0.049,0.26l2.507-9.848
h-13.131l-18.969,58.385h17.235L234.832,319.772z"/>
<path fill="#FFE600" d="M245.584,308.271h-5.732l-3.626,14.242c0.188,0.788,0.397,1.642,0.629,2.576
c0.833,3.363,1.542,6.116,2.128,8.235l2.505,9.545h-10.445l-3.28,12.882h16.987l2.864,10.904h17.18L245.584,308.271z"/>
</g>
<g>
<polygon fill="#FFE600" points="417.385,237.857 402.986,237.857 402.986,295.995 417.161,295.995 "/>
<path fill="#FFE600" d="M435.877,270.665c6.574-3.686,9.855-8.896,9.855-15.63c0-11.458-7.896-17.177-23.699-17.177h-2.625
l-0.046,11.891h2.431c5.385,0,8.078,1.993,8.078,6.007c0,4.846-2.753,7.276-8.236,7.276h-2.324l-0.047,11.81h3.409l12.326,21.155
h17.817L435.877,270.665z"/>
</g>
<g>
<path fill="#FFE600" d="M209.707,237.857l-11.801,40.992l4.377,17.146h2.453l11.735-41.794h0.354
c-0.314,6.305-0.496,10.271-0.539,11.891c-0.032,1.614-0.057,3.086-0.057,4.418v25.485h14.438v-58.138H209.707z"/>
<path fill="#FFE600" d="M189.784,295.995h10.408l-14.846-58.138h-20.895v58.138h13.919v-25.253c0-3.948-0.274-9.491-0.83-16.625
h0.359L189.784,295.995z"/>
</g>
<g>
<polygon fill="#FFE600" points="286.242,308.511 271.074,308.511 271.074,366.656 286.021,366.656 "/>
<path fill="#FFE600" d="M303.956,341.319c6.579-3.687,9.867-8.896,9.867-15.629c0-11.451-7.902-17.18-23.696-17.18h-1.863
l-0.044,11.894h1.666c5.381,0,8.071,1.999,8.071,5.996c0,4.854-2.741,7.285-8.23,7.285h-1.556l-0.046,11.805h2.637l12.325,21.166
h17.818L303.956,341.319z"/>
</g>
<g>
<polygon fill="#FFE600" points="179.274,308.511 164.451,308.511 164.451,366.656 179.047,366.656 "/>
<path fill="#FFE600" d="M201.12,313.322c-3.687-3.206-9.202-4.812-16.545-4.812h-3.271l-0.049,12.69h2.963
c4.341,0,6.526,1.955,6.526,5.882c0,2.331-0.701,4.161-2.092,5.482c-1.392,1.328-3.267,1.994-5.626,1.994h-1.825l-0.047,12.8
h3.42c7.057,0,12.494-1.765,16.325-5.309c3.831-3.537,5.753-8.558,5.753-15.05C206.652,321.092,204.806,316.526,201.12,313.322z"
/>
</g>
</g>
</g>
</svg>
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 5.3 KiB

Двоичные данные
public/img/home/map.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 25 KiB

32
public/img/home/mobile.svg Normal file
Просмотреть файл

@ -0,0 +1,32 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="62px" height="117px" viewBox="0 0 62 117" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>mobile</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-191.000000, -621.000000)">
<g id="iMac-+-Browser-3-+-Group-3-+-iPad-+-Group-2" sketch:type="MSLayerGroup" transform="translate(163.000000, 481.000000)">
<g id="mobile" transform="translate(29.000000, 141.000000)" sketch:type="MSShapeGroup">
<g id="google-nexus-4-2" stroke="#82919E" fill="#545E66">
<g id="Page-1">
<path d="M50.6379675,1.38171282 C59.0365689,3.83471391 59.0338954,8.29453341 59.0338946,8.2957162 L59.033895,105.354574 C59.033895,105.354574 59.0154926,110.708705 50.6379666,113.559907 C46.0910682,115.107396 34.7230408,114.999185 29.5338922,114.999185 C24.3447447,114.999185 12.5729916,115.107396 8.02609404,113.559907 C-0.351430673,110.708706 0.0338945836,105.354574 0.0338945836,105.354574 L0.0338945834,8.2957162 C0.0338945834,8.2957162 -0.373622393,3.83503805 8.02609422,1.38171282 C12.5625018,0.0567528899 24.3614033,-0.000812960726 29.5338968,-0.000814483062 C34.7063896,-0.000814483062 46.1015604,0.05675288 50.6379675,1.38171282 L50.6379675,1.38171282 Z M2.61968308,13.4595525 L2.61968308,103.12311 L56.2560467,103.12311 L56.2560467,13.4595525 L2.61968308,13.4595525 Z" id="Google-Nexus-4"></path>
<path d="M50.5944305,6.92771084 C51.3075659,6.92771084 51.8856763,6.3516917 51.8856763,5.64113597 C51.8856763,4.93058025 51.3075659,4.3545611 50.5944305,4.3545611 C49.8812951,4.3545611 49.3031847,4.93058025 49.3031847,5.64113597 C49.3031847,6.3516917 49.8812951,6.92771084 50.5944305,6.92771084 L50.5944305,6.92771084 Z" id="Google-Nexus-4-path"></path>
<path d="M29.5418572,3.11089113 C26.2065384,3.1108912 23.2083002,3.29558982 23.2083002,3.29558982 C22.9903224,3.3079362 22.917777,3.46043537 23.0465093,3.63653966 L23.7315797,4.57370774 C23.8602029,4.74966276 24.143719,4.89230249 24.3604023,4.89230249 L34.6931222,4.89230249 C34.9117879,4.89230249 35.1937906,4.74701266 35.3214642,4.5699087 L35.991588,3.64033872 C36.119946,3.46228554 36.0449064,3.30739243 35.8270782,3.29519426 C35.8270782,3.29519426 32.8771759,3.11089113 29.5418572,3.11089113 L29.5418572,3.11089113 Z" id="Google-Nexus-4-path"></path>
</g>
</g>
<rect id="Rectangle-651" fill="#F5F8FC" x="3.31460674" y="13.9595376" width="52.3707865" height="88.4104046"></rect>
<rect id="Rectangle-505" fill="#00CEB8" x="5.88187" y="17.1474678" width="47.1518379" height="13.2947977"></rect>
<rect id="Rectangle-506" fill="#E5E8EE" x="5.88187" y="33.7659649" width="47.1518379" height="20.0779657"></rect>
<rect id="Rectangle-507" fill="#75CFB8" x="6.1683175" y="56.9879112" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-508" fill="#E5E8EE" x="6.1683175" y="63.63531" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-509" fill="#E5E8EE" x="6.1683175" y="70.2827088" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-510" fill="#75CFB8" x="6.1683175" y="76.9301077" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-514" fill="#75CFB8" x="6.1683175" y="83.5775065" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-513" fill="#E5E8EE" x="6.1683175" y="90.2249054" width="46.4044944" height="3.98843931" rx="2"></rect>
<rect id="Rectangle-512" fill="#E5E8EE" x="6.1683175" y="96.8723042" width="46.4044944" height="3.98843931" rx="2"></rect>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 4.2 KiB

16
public/img/home/morethancode-sm-icon.svg Normal file
Просмотреть файл

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
<title>morethancode-sm-icon</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-193.000000, -1306.000000)" fill="#545E66">
<g id="Group" sketch:type="MSLayerGroup" transform="translate(193.000000, 1002.000000)">
<g id="Aenean-lacinia-biben-+-Empowered-+-Imported-Layers" transform="translate(0.000000, 297.000000)" sketch:type="MSShapeGroup">
<path d="M19.2,24.1171429 C19.2,22.1135714 23.4688,22.0942857 23.4688,13.42 C23.4688,9.415 18.9290667,7 14.9333333,7 C10.9397333,7 6.4,9.415 6.4,13.42 C6.4,22.0942857 10.6688,22.1135714 10.6688,24.1171429 C10.6688,26.2557143 0.932266667,29.5342857 0,30.9935714 L0,37 L29.8688,37 L29.8688,30.9935714 C28.9365333,29.5342857 19.2,26.2557143 19.2,24.1171429 L19.2,24.1171429 Z M27.7333333,34.8614286 L2.13333333,34.8614286 L2.13333333,32.0007143 C2.8672,31.5657143 4.1728,30.9292857 5.1904,30.4342857 C9.90933333,28.135 12.8,26.5985714 12.8,24.1171429 C12.8,22.5678571 11.8592,21.6421429 11.104,20.9007143 C10.0202667,19.8357143 8.53333333,18.3785714 8.53333333,13.42 C8.53333333,10.8957143 11.9082667,9.13857143 14.9333333,9.13857143 C17.9605333,9.13857143 21.3333333,10.8957143 21.3333333,13.42 C21.3333333,18.3785714 19.8485333,19.8357143 18.7648,20.9007143 C18.0096,21.6421429 17.0688,22.5678571 17.0688,24.1171429 C17.0688,26.5985714 19.9594667,28.135 24.6784,30.4342857 C25.696,30.9292857 27.0016,31.5657143 27.7333333,32.0007143 L27.7333333,34.8614286 L27.7333333,34.8614286 Z" id="morethancode-sm-icon"></path>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 2.1 KiB

Двоичные данные
public/img/home/skills-sharer-badge.png
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

До

Ширина:  |  Высота:  |  Размер: 43 KiB

33
public/img/home/tablet.svg Normal file
Просмотреть файл

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="196px" height="139px" viewBox="0 0 196 139" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.1 (9971) - http://www.bohemiancoding.com/sketch -->
<title>tablet</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Landing-Page-Bright-Pattern-Iteration-3" sketch:type="MSArtboardGroup" transform="translate(-359.000000, -611.000000)">
<g id="iMac-+-Browser-3-+-Group-3-+-iPad-+-Group-2" sketch:type="MSLayerGroup" transform="translate(163.000000, 481.000000)">
<g id="tablet" transform="translate(196.000000, 131.000000)" sketch:type="MSShapeGroup">
<g id="iPad" transform="translate(98.000000, 68.500000) rotate(-270.000000) translate(-98.000000, -68.500000) translate(29.641732, -28.701117)">
<path d="M0,188.397827 C0,191.71397 2.68492726,194.402235 6.00662395,194.402235 L130.709911,194.402235 C134.027278,194.402235 136.716535,191.709679 136.716535,188.397827 L136.716535,6.00440764 C136.716535,2.68826487 134.031608,0 130.709911,0 L6.00662395,0 C2.68925714,0 0,2.69255524 0,6.00440764 L0,188.397827 Z" id="Rectangle-1-copy" stroke="#7992A4" fill="#545E66"></path>
<rect id="Rectangle-4" fill="#F5F8FC" x="9.61824872" y="13.0980229" width="116.79302" height="164.069971"></rect>
<ellipse id="Oval-2" stroke="#82919E" fill="#545E66" cx="68.0147588" cy="184.75106" rx="4.1221066" ry="4.13621776"></ellipse>
<ellipse id="Oval-3" stroke="#7992A4" fill="#545E66" cx="68.0147588" cy="6.20432664" rx="2.0610533" ry="2.06810888"></ellipse>
</g>
<g id="Group" transform="translate(23.149606, 16.072626)">
<rect id="Rectangle-671" fill="#00CEB8" x="0.763779528" y="0" width="151.228346" height="22.9608939"></rect>
<rect id="Rectangle-672" fill="#E5E8EE" x="0.763779528" y="27.5530726" width="151.228346" height="22.9608939"></rect>
<rect id="Rectangle-505" fill="#00CEB8" x="0.232761905" y="57.6444086" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-507" fill="#00CEB8" x="80.4296123" y="57.6444086" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-508" fill="#E5E8EE" x="80.4296123" y="70.6555818" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-509" fill="#E5E8EE" x="0.232761905" y="70.6555818" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-510" fill="#E5E8EE" x="0.232761905" y="83.666755" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-511" fill="#E5E8EE" x="81.1933918" y="83.666755" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-512" fill="#00CEB8" x="81.1933918" y="96.6779282" width="71.7952756" height="5.3575419" rx="2"></rect>
<rect id="Rectangle-513" fill="#00CEB8" x="0.232761905" y="96.6779282" width="71.7952756" height="5.3575419" rx="2"></rect>
</g>
</g>
</g>
</g>
</g>
</svg>
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 3.5 KiB

32
public/img/home/yellow-earth.svg Normal file
Просмотреть файл

Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 19 KiB

Двоичные данные
public/img/logo-mozilla-white.png Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 1.9 KiB

7
public/js/angular/app.js поставляемый
Просмотреть файл

@ -6,7 +6,7 @@ angular.module('webmakerApp', ['ngRoute', 'ui.bootstrap', 'webmakerApp.services'
makeApiProvider.options.apiURL = CONFIG.makeApiUrl;
$routeProvider
.when('/:locale/explore', {
.when('/:locale/about', {
templateUrl: '/views/explore.html',
controller: 'exploreController',
title: 'Explore'
@ -87,11 +87,6 @@ angular.module('webmakerApp', ['ngRoute', 'ui.bootstrap', 'webmakerApp.services'
controller: 'getinvolvedController',
title: 'Get Involved'
})
.when('/:locale/about', {
templateUrl: '/views/about.html',
controller: 'aboutController',
title: 'About'
})
.when('/:locale/privacy', {
templateUrl: '/views/privacy.html',
controller: 'homeController',

14
public/js/angular/controllers.js поставляемый
Просмотреть файл

@ -8,6 +8,7 @@ angular
// User urls
$scope.accountSettingsUrl = config.accountSettingsUrl;
$scope.eventsUrl = config.eventsUrl;
$scope.teachUrl = config.teachUrl;
// Start with collapsed state for navigation
$scope.primaryCollapse = true;
@ -55,8 +56,6 @@ angular
])
.controller('exploreController', ['$scope', 'CONFIG', 'wmNav',
function ($scope, CONFIG, wmNav) {
wmNav.page('explore');
wmNav.section('explore');
$scope.contributeBoxes = [
{
@ -109,6 +108,11 @@ angular
} else if ($routeParams.auth === 'new-account') {
$rootScope.wmCreateUser();
}
$('#home-start-form').on('submit', function () {
$rootScope.joinWebmaker($('.home-email-field').val());
});
}
])
.controller('competencyController', ['$rootScope', '$scope', '$routeParams',
@ -182,7 +186,7 @@ angular
.controller('resourcesHomeController', ['$scope', 'weblit', 'wmNav',
function ($scope, weblit, wmNav) {
wmNav.page('resources');
wmNav.section('resources');
wmNav.section('teach');
$scope.literacies = weblit.all();
}
@ -481,7 +485,7 @@ angular
])
.controller('getinvolvedController', ['$scope', 'wmNav',
function ($scope, wmNav) {
wmNav.section('info');
wmNav.section('teach');
wmNav.page('getinvolved');
}
])
@ -493,7 +497,7 @@ angular
])
.controller('mentorController', ['$scope', 'wmNav',
function ($scope, wmNav) {
wmNav.section('resources');
wmNav.section('teach');
wmNav.page('mentor');
}
])

140
public/js/angular/services.js поставляемый
Просмотреть файл

@ -22,110 +22,13 @@ angular
url: 'explore',
title: 'Explore',
icon: 'random',
pushState: true,
pages: [
{
id: 'index',
title: 'Gallery',
url: 'gallery'
},
{
id: 'skill-sharer',
title: 'Skill Sharer Badge',
url: 'badges/skill-sharer'
},
{
id: 'super-mentor',
title: 'Super Mentor Badge',
url: 'badges/webmaker-super-mentor'
},
{
id: 'super-mentor',
title: 'Hive Community Badge',
url: 'badges/hive-community-member'
},
{
id: 'webmaker-mentor',
title: 'Webmaker Mentor Badge',
url: 'badges/webmaker-mentor'
},
{
id: 'badges-admin',
title: 'Badges Admin',
url: 'admin/badges',
pushState: true,
isAtleastMentor: true
},
{
id: 'search',
title: 'Search',
url: 'search'
}
]
},
{
id: 'tools',
url: 'tools',
title: 'Tools',
icon: 'hand-o-up',
pushState: true,
pages: [
{
id: 'xray',
icon: 'xray-icon',
title: 'X-Ray Goggles',
url: 'https://goggles.webmaker.org/' + config.lang,
external: 'true'
},
{
id: 'thimble',
icon: 'thimble-icon',
title: 'Thimble',
url: 'https://thimble.webmaker.org/' + config.lang,
external: 'true'
},
{
id: 'popcorn',
icon: 'popcorn-icon',
title: 'Popcorn Maker',
url: 'https://popcorn.webmaker.org/' + config.lang,
external: 'true'
},
{
id: 'appmaker',
icon: 'appmaker-icon',
title: 'Appmaker',
url: 'https://apps.webmaker.org/designer',
external: 'true'
}
]
},
{
id: 'resources',
title: 'Resources',
icon: 'book',
pushState: true,
url: 'resources',
pages: [
{
id: 'literacy',
title: 'Web Literacy Map',
url: 'literacy',
pushState: true
},
{
id: 'make-your-own',
title: 'Make Your Own',
url: 'make-your-own',
pushState: true
},
{
id: 'mentor',
title: 'Mentor',
url: 'mentor',
pushState: true
}
]
pushState: true
},
{
id: 'events',
@ -134,41 +37,28 @@ angular
icon: 'map-marker'
},
{
id: 'info',
url: 'about',
title: 'Info',
icon: 'info',
id: 'teach',
title: 'Teach',
url: 'mentor',
icon: 'book',
pushState: true,
pages: [
{
id: 'blog',
title: 'Blog',
url: 'https://blog.webmaker.org/',
external: true
},
{
id: 'about',
title: 'About',
url: 'about',
id: 'resources',
title: 'Resources',
url: 'resources',
pushState: true
},
{
id: 'getinvolved',
title: 'Get Involved',
url: 'getinvolved',
pushState: true
id: 'badges',
title: 'Badges',
url: '_badges'
},
{
id: 'feedback',
title: 'Feedback',
url: 'feedback',
pushState: true
},
{
id: 'help',
title: 'Help',
url: 'https://support.mozilla.org/' + config.lang + '/products/webmaker',
external: true
id: 'hive',
title: 'Hive',
url: '_hive',
doNotTranslate: true
}
]
}

56
public/js/base/cta.js
Просмотреть файл

@ -1,56 +0,0 @@
define(['jquery'], function ($) {
'use strict';
// Pull page specific JSON from script block in DOM
var cta = JSON.parse($('#block-cta').text());
function attachToCTA() {
for (var i = 0; i < cta.length; ++i) {
var item = createCTA({
"title": cta[i].title,
"desc": cta[i].desc,
"image": cta[i].image,
"url": cta[i].url
});
$('.make-wrapper').append(item);
}
}
function createCTA(itemObj) {
var title = itemObj.title,
desc = itemObj.desc,
image = itemObj.image,
url = itemObj.url;
var $make_item_template = $('<div class="make-footer-item">');
var $div = $('<div class="make-footer-item-text">');
var $img = $('<img class="make-footer-item-img">');
$img.attr('src', image);
var $a = $('<a>');
$a.attr('href', url);
var $title_span = $('<span class="make-footer-item-title">');
$title_span.html(title);
var $desc_span = $('<span class="make-footer-item-desc">');
$desc_span.html(desc);
$div.append($title_span);
$div.append($desc_span);
$a.append($img);
$a.append($div);
$make_item_template.append($a);
return $make_item_template;
}
return {
attachToCTA: attachToCTA
};
});

6
public/js/main.js
Просмотреть файл

@ -45,7 +45,6 @@ requirejs.config({
require([
'jquery',
'base/cta',
'base/marquee',
'base/email-signup',
'base/anchor-slide',
@ -55,7 +54,7 @@ require([
'selectize',
'base/login',
'tabzilla',
], function ($, cta, Marquee, privacy, AnchorSlide, navigation, webmakerCampaign, languages, selectize) {
], function ($, Marquee, privacy, AnchorSlide, navigation, webmakerCampaign, languages, selectize) {
'use strict';
var $window = $(window);
@ -82,9 +81,6 @@ require([
// Attach navigation UI
navigation();
// Generate CTA bar in footer
cta.attachToCTA();
// Campaign
webmakerCampaign({
element: '.webmaker-campaign-header',

1
public/views/about.html
Просмотреть файл

@ -41,3 +41,4 @@
</div>
</div>
</div>
<div ng-include="'/views/partials/footer.html'"></div>

1
public/views/competency.html
Просмотреть файл

@ -175,3 +175,4 @@
</div>
</a>
</footer>
<div ng-include="'/views/partials/footer.html'"></div>

1
public/views/explore.html
Просмотреть файл

@ -137,3 +137,4 @@
</div>
</section>
</div>
<div ng-include="'/views/partials/footer.html'"></div>

1
public/views/feedback.html
Просмотреть файл

@ -130,3 +130,4 @@
</div>
</section>
</article>
<div ng-include="'/views/partials/footer.html'"></div>

1
public/views/getinvolved.html
Просмотреть файл

@ -123,3 +123,4 @@
</div>
</article>
</div>
<div ng-include="'/views/partials/footer.html'"></div>

209
public/views/home.html
Просмотреть файл

@ -1,96 +1,135 @@
<div ng-show="userDel" class="alert alert-info">{{ 'user_deleted' | i18n }}</div>
<div ng-show="userDel" class="alert alert-info">{{ 'user_deleted' | i18n }}
</div>
<div id="page-home">
<div class="home-blue">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-5">
<figure class="devices">
<img src="/img/home/desktop.svg" alt="Desktop computer" class="desktop"/>
<img src="/img/home/mobile.svg" alt="Mobile phone" class="mobile"/>
<img src="/img/home/tablet.svg" alt="Tablet computer" class="tablet"/>
</figure>
</div>
<section class="col-sm-8 col-md-6">
<h2>{{ 'Make your own apps and websites' | i18n }}</h2>
<section id="home-carousel">
<carousel interval="-1">
<slide class="slide" id="slide-0">
<div class="slide-inner">
<div class="container text-center">
<img class="desktop-logo" src="/img/home/desktop-icon@2x.png" alt="Hour of Code Desktop">
<h1>{{ 'Teach an hour of code' | i18n }}</h1>
<p class="lead">{{ 'Create a web app while learning' | i18n }}</p>
<a href="https://welcome.webmaker.org/signup/hourofcode2014/" target="_blank" class="btn btn-primary">{{ 'Get started' | i18n }}</a>
</div>
</div>
</slide>
<slide class="slide" id="slide-1">
<div class="slide-inner">
<div class="container text-center">
<img class="skill-sharer-badge" src="/img/home/skills-sharer-badge.png" alt="Skills Sharer Badge">
<h1>{{ 'Do you teach the web' | i18n }}</h1>
<p class="lead">{{ 'Making a difference' | i18n }}</p>
<a href="https://sendto.mozilla.org/page/signup/skill-share-badge" target="_blank" class="btn btn-primary">{{ 'Collect your badge' | i18n }}</a>
</div>
</div>
</slide>
<slide class="slide" id="slide-2">
<div class="slide-inner">
<div class="container text-center">
<h1>{{ 'I hosted a maker party where women taught the wonders of the web' | i18n }}</h1>
<p class="lead">{{ 'J Faye Tandog, Manilla, Phillippines' | i18n }}</p>
</div>
</div>
</slide>
<slide class="slide" id="slide-3">
<div class="slide-inner">
<div class="container text-center">
<h1>{{ 'We remixed our favorite stories using digital media and the web' | i18n }}</h1>
<p class="lead">{{ 'Hive NYC Storymakers, Brooklyn Public Library, New York' | i18n }}</p>
</div>
</div>
</slide>
</carousel>
</section>
<p class="lead">
{{ 'Mozilla’s free tools' | i18n }}
</p>
<section id="home-teach-the-web">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4">
<div class="illustration">
<!-- <img dir="ltr" class="cat-off" src="/img/cat-off.png">
<img class="browser-off" src="/img/browser-off.png"> -->
<img class="browser-on hidden-scroll" src="/img/browser-on.png">
<img dir="ltr" class="cat-on hidden-scroll" src="/img/cat.gif">
</div>
</div>
<div class="col-sm-6 col-lg-8">
<h1>{{ 'We teach the web' | i18n }}</h1>
<p>{{ 'front-page-description' | i18n }}</p>
<p>
<a class="btn btn-default btn-home" href="/signup">{{ 'Create an account' | i18n }}</a>
<button class="btn btn-success btn-home" ng-click="login()">{{ 'Sign in' | i18n }}</button>
</p>
<form action="#login" id="home-start-form">
<input type="email" class="home-email-field" placeholder="{{ 'Email address' | i18n }}"/>
<button class="btn btn-default">
{{ 'Start creating' | i18n }}
</button>
</form>
</section>
</div>
</div>
</div>
</section>
<section class="home-values">
<div class="container">
<h3>
{{ 'Our values' | i18n }}
</h3>
<section id="home-features">
<div class="container text-center">
<div class="row">
<div class="feature col-sm-4">
<a href="/{{ lang }}/explore" push-state="true">
<div class="img-container map"></div>
<h2>{{ 'Explore Webmaker' | i18n }}</h2>
</a>
<p>{{ 'See all the things Webmaker has to offer in the brand new Explore section' | i18n }}</p>
</div>
<div class="feature col-sm-4">
<a href="https://training.webmakerprototypes.org">
<div class="img-container training"></div>
<h2>{{ 'Learn to Teach' | i18n }}</h2>
</a>
<p>{{ 'Study at your own pace to teach web literacy, digital skills and open practices.' | i18n }} <a href="https://training.webmakerprototypes.org">{{ 'Get training.' | i18n }}</a></p>
</div>
<div class="feature col-sm-4">
<a href="/{{ lang }}/getinvolved">
<div class="img-container get-together"></div>
<h2>{{ 'Get Together' | i18n }}</h2>
</a>
<p>{{ 'Join others at a local event of Maker Party or collaborate online' | i18n }}</p>
<p class="lead">
{{ 'Our goal is for everyone in the world' | i18n }}
</p>
<div class="row">
<div class="col-sm-7 col-md-5 col-lg-5 col-lg-offset-1">
<ul class="values-list">
<li class="value-free">
<h4>{{ 'Free' | i18n }}</h4>
<p>{{ 'Mozilla is a nonprofit organization' | i18n }}</p>
</li>
<li class="value-local">
<h4>{{ 'Local' | i18n }}</h4>
<p>{{ 'Wherever you live in the world' | i18n }}</p>
</li>
<li class="value-more-than-code">
<h4>{{ 'More than code' | i18n }}</h4>
<p>{{ 'Our tools, learning resources, and' | i18n}}</p>
</li>
</ul>
</div>
<div class="col-sm-4 col-sm-offset-1 col-md-7 col-md-offset-0 col-lg-6">
<figure class="home-globe">
<img src="/img/home/yellow-earth.svg" alt="Globe" height="300" width="300"/>
</figure>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="home-jump-in">
<div class="container">
<h3>{{ 'Jump right in' | i18n }}</h3>
<p class="lead">
{{ 'Discover how you can build and share the web.' | i18n}}
</p>
<ul class="row">
<li class="col-sm-4">
<figure>
<a href="https://webmaker.org/{{ lang }}/explore/">
<img src="/img/home/gallery-md-icon.svg" alt="" width="154" height="120"/>
</a>
</figure>
<h4>{{ 'Explore Webmaker' | i18n }}</h4>
<p>
{{ 'Investigate the tools, learning resources' | i18n }}
<a href="https://webmaker.org/{{ lang }}/explore/">
{{ 'Explore now' | i18n }}
</a>
</p>
</li>
<li class="col-sm-4">
<figure>
<a href="https://training.webmakerprototypes.org/{{ lang }}/">
<img src="/img/home/learntoteach-md-icon.svg" alt="" width="152" height="120"/>
</a>
</figure>
<h4>{{ 'Learn to Teach' | i18n }}</h4>
<p>
{{ 'Study at your own pace' | i18n }}
<a href="https://training.webmakerprototypes.org/{{ lang }}/">
{{ 'Get training' | i18n }}
</a>
</p>
</li>
<li class="col-sm-4">
<figure>
<a href="https://events.webmaker.org/">
<img src="/img/home/get-together-md-icon.svg" alt="" width="155" height="120"/>
</a>
</figure>
<h4>{{ 'Get Together' | i18n }}</h4>
<p>
{{ 'Build the web with others' | i18n }}
<a href="https://events.webmaker.org/{{ lang }}/">
{{ 'View events' | i18n }}
</a>
</p>
</li>
</ul>
</div>
</section>
<footer class="home-footer">
<p>
{{ 'Build and share the web with Mozilla.' | i18n }}
<button class="btn btn-default" wm-join-webmaker>
{{ 'Start Creating' | i18n }}
</button>
</p>
</footer>
</div>
<!-- Footer -->
<div ng-include="'/views/partials/footer.html'"></div>

1
public/views/literacy.html
Просмотреть файл

@ -46,3 +46,4 @@
</div>
</div>
</div>
<div ng-include="'/views/partials/footer.html'"></div>

2
public/views/mentor.html
Просмотреть файл

@ -31,7 +31,7 @@
<h1>{{ 'Connect with the Community' | i18n }}</h1>
<div>
<a class="btn btn-primary btn-lg pull-right" href="https://discourse.webmaker.org/category/meet">
<a class="btn btn-primary btn-lg pull-right" href="http://discourse.webmaker.org/category/meet">
{{ 'Introduce yourself' | i18n }}</a>
<p bind-unsafe-html="'Join our online forum' | i18n"></p>

87
public/views/partials/footer.html
Просмотреть файл

@ -1,64 +1,29 @@
<footer>
<div class="container text-center">
<p class="lead hidden-xs" ng-bind-html="'Mozillians like you' | i18n"></p>
<ul class="sponsors list-inline hidden-xs" marquee>
<li>Chicago Community Trust</li>
<li>Chicago Instructional Technology Foundation</li>
<li>City of Chicago</li>
<li>Corporation for Public Broadcasting</li>
<li>U.S. Department of Energy</li>
<li>Ford Foundation</li>
<li>Google</li>
<li>Intel</li>
<li>Knight Foundation</li>
<li>MacArthur Foundation</li>
<li>National Endowment for the Arts</li>
<li>NESTA</li>
<li>The Nominet Trust</li>
<li>National Science Foundation</li>
<li>Ontario Trillium Foundation</li>
<li>Social Science Research Council</li>
<li>Alfred P. Sloan Foundation</li>
<li>Telefonica</li>
<li>ZeroDivide</li>
</ul>
<div class="row">
<div class="col-md-4 col-md-offset-4 text-left">
<form name="emailForm" action="https://sendto.mozilla.org/page/s/webmaker" method="post" novalidate>
<div class="input-group">
<span class="input-group-addon"><span class="fa fa-envelope"></span></span>
<input class="form-control" type="email" ng-model="emailUpdates" name="email" autocomplete="off" required placeholder="{{ 'Sign up for email updates' | i18n }}" >
<span class="input-group-btn">
<button class="btn btn-default" type="submit" ng-disabled="emailForm.$invalid || !emailPrivacy">
<span class="fa fa-chevron-right"></span>
</button>
</span>
</div><!-- /input-group -->
<div class="checkbox" ng-show="emailUpdates" >
<label for="newsletter-signup-checkbox-proxy">
<input id="newsletter-signup-checkbox-proxy" type="checkbox" ng-model="emailPrivacy" name="custom-1216" required> {{ "privacy-desc" | i18n }} <a href="/{{ lang }}/privacy" target="_blank">{{ "privacy policy" | i18n }}</a>.
</label>
</div>
</form>
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div>
</footer>
<nav class="navbar navbar-no-header-xs navbar-tertiary">
<nav class="navbar-footer">
<div class="container">
<div class="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="mailto:help@webmaker.org">{{ 'Contact' | i18n }}</a></li>
<li><a href="https://sendto.mozilla.org/page/contribute/join-mozilla?source=join_link">{{ 'Donate' | i18n }}</a></li>
<li><a href="/{{lang}}/privacy">{{ 'Privacy' | i18n }}</a></li>
<li><a href="/{{lang}}/terms">{{ 'Legal' | i18n }}</a></li>
<li><a href="https://support.mozilla.org/products/webmaker">{{ 'Help' | i18n }}</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://twitter.com/webmaker"><span class="fa fa-twitter"></span> @webmaker</a></li>
<li><a href="https://plus.google.com/u/2/communities/106022863174952221205"><span class="fa fa-google-plus"></span> {{ 'google+' | i18n }}</a></li>
<li><a href="http://blog.webmaker.org"><span class="fa fa-file-text-o"></span> {{ 'Blog' | i18n }}</a></li>
</ul>
</div>
<ul>
<li><a href="/{{lang}}/about">{{ 'About' | i18n }}</a></li>
<li><a href="/{{lang}}/mentor">{{ 'Teach' | i18n }}</a></li>
<li><a href="https://sendto.mozilla.org/page/contribute/join-mozilla?source=join_link">
{{ 'Donate' | i18n }}
</a>
</li>
<li><a href="mailto:help@webmaker.org">{{ 'Contact' | i18n }}</a></li>
<li><a href="/{{lang}}/privacy">{{ 'Privacy' | i18n }}</a></li>
<li><a href="/{{lang}}/terms">{{ 'Legal' | i18n }}</a></li>
<li>
<a href="https://support.mozilla.org/products/webmaker">
{{ 'Help' | i18n }}
</a>
</li>
</ul>
<ul class="secondary">
<li><span class="fa fa-twitter"></span><a href="https://twitter.com/webmaker">@webmaker</a></li>
<li><span class="fa fa-file-text-o"></span><a href="https://blog.webmaker.org">{{ 'Blog' | i18n }}</a></li>
</ul>
<div class="moz-logo">
<a href="https://mozilla.org/">
<img src="/img/logo-mozilla-white.png" alt="mozilla logo" height="26" width="100"/>
</a>
</div>
</div>
</nav>

70
public/views/partials/navigation.html
Просмотреть файл

@ -27,49 +27,14 @@
<div class="navbar-collapse" collapse="secondaryCollapse">
<ul class="nav navbar-nav">
<li ng-repeat="section in nav.sections" class="nav-icon" ng-class="{ active: isActiveSection(section.id), dropdown: section.dropdown }">
<a
ng-if="!section.dropdown"
href="{{baseUrl + section.url}}"
push-state="{{section.pushState}}">
<span class="fa fa-{{section.icon}}"></span> {{ section.title | i18n }}
</a>
<a
ng-if="section.dropdown"
href="#"
class="dropdown-toggle">
<span class="fa fa-{{section.icon}}"></span> {{ section.title | i18n }}
</a>
<ul ng-if="section.dropdown" class="explore-dropdown-menu dropdown-menu">
<li class="literacy">
<a href="{{baseUrl}}resources" class="color-10">{{ 'Overview' | i18n }}</a>
</li>
<li
ng-repeat="skill in literacies"
class="literacy"
ng-class="{ active : isActivePage(skill.tag) }">
<a href="{{baseUrl}}resources/literacy/{{ skill.tag }}" push-state="true" class="color-{{$index}}">{{ skill.term }}</a>
</li>
</ul>
</li>
<li class="hidden-lg">
<a href="{{baseUrl}}search">
<span class="fa fa-search"></span>
<span class="sr-only">{{ 'Search' | i18n }}</span>
href="{{baseUrl + section.url}}"
push-state="{{section.pushState}}">
<span class="fa fa-{{section.icon}}"></span>
{{ section.title | i18n }}
</a>
</li>
</ul>
<form class="navbar-form navbar-right visible-lg" role="search" name="searchMakesForm">
<div class="form-group">
<input type="text" ng-model="searchInput" class="search-input form-control" placeholder="Search" required>
</div>
<button type="submit" class="btn btn-link" ng-click="isSearching=true; search(searchInput)" ng-disabled="searchMakesForm.$invalid">
<span ng-if="!isSearching" class="fa fa-search"></span>
<span ng-if="isSearching" class="fa fa-spinner fa-spin"></span>
<span class="sr-only">{{ 'Search' | i18n }}</span>
</button>
</form>
</div>
</div>
</nav>
@ -87,27 +52,14 @@
<div class="container" ng-class="{'show-xs':section.dropdown}">
<div class="navbar-collapse" collapse="tertiaryCollapse">
<ul class="nav navbar-nav">
<!-- Weblit dropdown -->
<li class="nav-icon nav-title active hidden-xs" ng-hide="!affixed">
<a href="{{baseUrl + section.url}}" push-state="{{section.pushState}}">
<span class="fa fa-{{section.icon}}"></span> {{ section.title | i18n }}
</a>
</li>
<li ng-if="section.id === 'resources'" class="dropdown dropdown-toc hidden-xs">
<a href="#" class="dropdown-toggle">{{ 'Web Literacies' | i18n }}<span class="caret"></span></a>
<ul class="explore-dropdown-menu dropdown-menu">
<li
ng-repeat="skill in literacies"
class="literacy"
ng-class="{ active : isActivePage(skill.tag) }">
<a href="{{baseUrl}}resources/literacy/{{ skill.tag }}" push-state="true" class="color-{{$index}}">{{ skill.term }}</a>
</li>
</ul>
</li>
<li ng-repeat="page in section.pages" ng-if="!page.isAtleastMentor || _user.isAdmin || _user.isSuperMentor || _user.isMentor">
<li class="col-3" ng-repeat="page in section.pages">
<a href="{{page.external ? page.url : baseUrl + page.url}}" push-state="{{page.pushState}}" ng-class="{active : isActivePage(page.id)}">
{{ page.title | i18n }}
<span ng-if="!page.doNotTranslate">
{{ page.title | i18n }}
</span>
<span ng-if="page.doNotTranslate">
{{ page.title }}
</span>
</a>
</li>
</ul>

1
public/views/resources.html
Просмотреть файл

@ -144,3 +144,4 @@
</aside>
</section>
</div>
<div ng-include="'/views/partials/footer.html'"></div>

26
routes/redirect.js
Просмотреть файл

@ -49,12 +49,6 @@ module.exports = function (app) {
paths: [
"/connect"
]
}, {
route: "/make-your-own",
paths: [
"/teach",
"/teach-templates"
]
}, {
route: app.locals.EVENTS_URL + '/#!/event-guides',
paths: [
@ -81,6 +75,26 @@ module.exports = function (app) {
paths: [
"/community"
]
}, {
route: "/explore",
paths: [
"/gallery"
]
}, {
route: app.locals.TEACH_URL,
paths: [
"/_teach"
]
}, {
route: "https://blog.webmaker.org/badges",
paths: [
"/_badges"
]
}, {
route: "http://hivelearningnetworks.org/",
paths: [
"/_hive"
]
}, {
route: "http://party.webmaker.org",
paths: [

67
views/components/navigation.html
Просмотреть файл

@ -3,26 +3,23 @@
<section id="main-navigation-container" data-current-section="{{currentSection}}" data-current-page="{{currentPage}}">
<nav id="navigation-primary" class="navigation-container">
<ul class="navigation-list navigation-wrapper">
{% for section in navigation %}
{% if not section.flag or flags[section.flag] %}
{% if not section.exclude or (section.exclude and not flags[section.exclude]) %}
<li><a href="{% if section.instantiate %}{{section.defaultUrl | instantiate}}{% else %}/{{localeInfo.lang}}/{{section.defaultUrl}}{% endif %}"
{% if section.id == currentSection %}class="active"{% endif %} data-section="{{section.id}}">
<span class="icon {{section.icon}}"></span> {{gettext(section.title)}}</a>
<div class="ui-wrapper">
<ul class="navigation-list navigation-wrapper">
{% for section in navigation %}
{% if not section.flag or flags[section.flag] %}
<li class="nav-icon">
<a href="{% if section.instantiate %}{{section.defaultUrl | instantiate}}{% else %}/{{localeInfo.lang}}/{{section.defaultUrl}}{% endif %}"
{% if section.id == currentSection %}class="active"{% endif %}
data-section="{{section.id}}">
<span class="fa {{section.icon}}"></span>
{{gettext(section.title)}}
</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
<li><a href="#" class="navigation-more"><span class="icon-reorder"></span></a></li>
<li>
<span id="nav-search">
<input id="nav-search-input" type="search" placeholder="{{gettext("Search")}}">
<button id="nav-search-trigger"><span class="icon-search"></span></button>
</span>
</li>
</ul>
</nav>
{% endif %}
{% endfor %}
</ul>
</div>
</nav>
<nav id="navigation-secondary" class="navigation-container">
{% for section in navigation %}
@ -40,7 +37,7 @@
class="active"{% endif %}
href="{% if not page.external %}/{{localeInfo.lang}}/{% endif %}{{ page.url | instantiate }}"{% if page.external %} target="_blank"{% endif %}
>
{{gettext(page.title)}}
</a>
</li>
@ -56,30 +53,20 @@
<nav id="expanded-navigation">
<div class="navigation-wrapper">
{% for section in navigation %}
{% if not section.flag or flags[section.flag] %}
{% if not section.exclude or (section.exclude and not flags[section.exclude]) %}
<ul class="navigation-list">
<li><a><span class="icon {{section.icon}}"></span> {{gettext(section.title)}}</a></li>
{% if section%}
{% for page in section.pages %}
{% if not page.flag or flags[page.flag] %}
{% if not page.adminOnly or isAdmin %}
{% if not page.isAtleastMentor or isAdmin or isSuperMentor or isMentor %}
<li>
<a href="{% if not page.external %}/{{localeInfo.lang}}/{% endif %}{{ page.url | instantiate }}"{% if page.external %} target="_blank"{% endif %}>
{{gettext(page.title)}}
<ul class="navigation-list navigation-wrapper">
{% for section in navigation %}
{% if not section.flag or flags[section.flag] %}
<li class="nav-icon">
<a href="{% if section.instantiate %}{{section.defaultUrl | instantiate}}{% else %}/{{localeInfo.lang}}/{{section.defaultUrl}}{% endif %}"
{% if section.url == currentSection %}class="active"{% endif %}
data-section="{{section.id}}">
<span class="fa {{section.icon}}"></span>
{{gettext(section.title)}}
</a>
</li>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% endif %}
{% endfor %}
</div>
</nav>

2
views/index.html
Просмотреть файл

@ -5,7 +5,7 @@
{% block title %}{{ gettext("Gallery") }}{% endblock %}
{% block midbar %}
{% set header = gettext("indexHeader") %}
{% set header = gettext("galleryHeader") %}
{% set desc = gettext("indexDesc") %}
{% set filterprojectby = gettext("Filter projects by...") %}
{% set featured = gettext("Featured") %}

138
views/layout.html
Просмотреть файл

@ -108,117 +108,59 @@
{% block footer %}
<div id="footer-actions">
{% if layout %}
<a class="load-more">{{ gettext("Load more") }} <span class="icon-angle-down"></span></a>
<a class="load-more">{{ gettext("Load more") }}
<span class="icon-angle-down"></span></a>
{% endif %}
</div>
<section class="make-footer">
<div class="make-wrapper"></div>
</section>
{% endblock %}
<div class="partnerWrapper">
<section class="partners">
<header class="partners-header">
{{ gettext("Mozillians like you") | safe }}
</header>
<nav class="navbar-footer">
<div class="container">
<ul>
<li><a href="/{{localeInfo.lang}}/about">{{ gettext('About') }}</a></li>
<li><a href="/{{localeInfo.lang}}/mentor">{{ gettext('Teach') }}</a></li>
<li>
<a href="https://sendto.mozilla.org/page/contribute/join-mozilla?source=join_link">
{{ gettext('Donate') }}
</a>
</li>
<li><a href="mailto:help@webmaker.org">{{ gettext('Contact') }}</a></li>
<li><a href="/{{localeInfo.lang}}/privacy">{{ gettext('Privacy') }}</a></li>
<li><a href="/{{localeInfo.lang}}/terms">{{ gettext('Legal') }}</a></li>
<li>
<a href="https://support.mozilla.org/products/webmaker">
{{ gettext('Help') }}
</a>
</li>
</ul>
<ul class="sponsors list-unstyled">
<li>Chicago Community Trust</li>
<li>Chicago Instructional Technology Foundation</li>
<li>City of Chicago</li>
<li>Corporation for Public Broadcasting</li>
<li>U.S. Department of Energy</li>
<li>Ford Foundation</li>
<li>Google</li>
<li>Intel</li>
<li>Knight Foundation</li>
<li>MacArthur Foundation</li>
<li>National Endowment for the Arts</li>
<li>NESTA</li>
<li>The Nominet Trust</li>
<li>National Science Foundation</li>
<li>Ontario Trillium Foundation</li>
<li>Social Science Research Council</li>
<li>Alfred P. Sloan Foundation</li>
<li>Telefonica</li>
<li>ZeroDivide</li>
</ul>
<ul class="secondary">
<li><span class="fa icon-twitter"></span>
<a href="https://twitter.com/webmaker">
@webmaker
</a>
</li>
<li><span class="fa icon-file-text-alt"></span>
<a href="https://blog.webmaker.org">
{{ gettext('Blog') }}
</a>
</li>
</ul>
<div class="footerHr"></div>
<ul class="social">
<li><a href="//twitter.com/mozilla"><i class="footer-social icon-twitter"></i> @mozilla</a></li>
<li><a href="//twitter.com/webmaker"><i class="footer-social icon-twitter"></i> @webmaker</a></li>
<li><a href="//plus.google.com/u/2/communities/106022863174952221205"><i class="footer-social icon-google-plus"></i> google+</a></li>
<li><a href="http://mozillawebmaker.tumblr.com/"><i class="footer-social icon-tumblr"></i> tumblr</a></li>
<li id="email-li">
<div class="newsletter">
<form id="privacy-form" action="https://sendto.mozilla.org/page/s/webmaker" method="post" novalidate>
<input type="email" id="email-updates" name="email" autocomplete="off" placeholder="{{ gettext("Sign up for email updates") }}" required data-powertip='
<div class="privacy-desc">
<div><input type="checkbox" id="newsletter-signup-checkbox-proxy" /></div>
<label for="newsletter-signup-checkbox-proxy">{{ gettext("privacy-desc") }} <a href="/{{localeInfo.lang}}/privacy" target="_blank">{{ gettext("privacy policy") }}</a>.</label>
</div>'/>
<button id="email-submit" type="submit">
<i class="icon-chevron-right"></i>
</button>
<input id="newsletter-signup-checkbox" name="custom-1216" type="checkbox" required />
</form>
</div>
</li>
</ul>
<ul class="links">
<li>
{% include "webmaker-language-picker/template/partial.html" %}
</li>
<li><a href="http://blog.webmaker.org">{{ gettext("Blog") }}</a></li>
<li><a href="/{{localeInfo.lang}}/about">{{ gettext("About Us") }}</a></li>
<li><a href="/{{localeInfo.lang}}/getinvolved">{{ gettext("Get Involved") }}</a></li>
<li><a href="https://sendto.mozilla.org/page/contribute/join-mozilla?source=join_link">{{ gettext("Donate") }}</a></li>
<li><a href="mailto:help@webmaker.org">{{ gettext("Contact") }}</a></li>
<li><a href="/{{localeInfo.lang}}/privacy">{{ gettext("Privacy") }}</a></li>
<li><a href="/{{localeInfo.lang}}/terms">{{ gettext("Legal") }}</a></li>
<li><a href="/{{localeInfo.lang}}/feedback">{{ gettext("Feedback") }}</a></li>
<li><a href="https://support.mozilla.org/products/webmaker">{{ gettext("Help") }}</a></li>
</ul>
</section>
<div class="moz-logo">
<a href="https://mozilla.org/">
<img src="/img/logo-mozilla-white.png" alt="mozilla logo" height="41" width="100"/>
</a>
</div>
</div>
</nav>
</div>
</footer>
<div class="mobile"></div>
</div>
<script type="application/json" id="block-cta">
{% block CTA %}
[{
"title": "{{ gettext("Tools") }}",
"desc": "{{ gettext("Use our Tools Desc") }}",
"image": "/img/cta-Tools.jpg",
"url": "/{{localeInfo.lang}}/tools"
},
{
"title": "{{ gettext("Teach") }}",
"desc": "{{ gettext("Teach Desc") }}",
"image": "/img/cta-Teach.jpg",
"url": "/{{localeInfo.lang}}/teach"
},
{
"title": "{{ gettext("Maker Party") }}",
"desc": "{{ gettext("Maker Party Desc") }}",
"image": "/img/cta-Party.jpg",
"url": "http://party.webmaker.org/{{localeInfo.lang}}"
},
{
"title": "{{ gettext("About Us") }}",
"desc": "{{ gettext("About Us Desc") }}",
"image": "/img/cta-About-us.jpg",
"url": "/{{localeInfo.lang}}/about"
}]
{% endblock %}
</script>
<script id="require-js" src="/bower_components/requirejs/require.js"
data-main="{% block require_main %}/js/main.js{% endblock %}"
data-page="{% block require_page %}pages/verify{% endblock %}">

17
views/macros.html
Просмотреть файл

@ -7,16 +7,13 @@
</div>
{% if options.length %}
<div class="g-2 filter hide">
<div id="search">
<div class="filter-bar">
<label for="search-filter"><span class="icon-th"></span> {{ gettext("Filter the gallery") }}</label>
<select id="search-filter">
{% for option in options %}
<option value="{{ option.value | safe }}"{% if (option.default) %} selected{% endif %} title="{{ option.title | safe }}">{{ option.title | safe }}</option>
{% endfor %}
</select>
</div>
</div>
<form action="/search" id="gallery-search">
<input type="search" placeholder="{{gettext('Search gallery')}}" name="q" results="5"/>
<input type="hidden" name="type" value="all"/>
<button type="submit" aria-label="Search">
<span class="icon-search"></span>
</button>
</form>
</div>
{% endif %}
</div>