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

adds missing images and breaks out some strings

This commit is contained in:
Aki Rose Braun 2014-12-16 14:41:28 -08:00
Родитель f86062cf4a
Коммит 7885506e53
5 изменённых файлов: 123 добавлений и 25 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

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

@ -11,6 +11,9 @@
text-align: center;
text-transform: uppercase;
}
h4 {
font-size: 2rem;
}
.lead {
text-align: center;
}
@ -184,4 +187,7 @@
margin-top: 5rem;
}
}
figure {
margin-bottom: 3rem;
}
}

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

@ -601,25 +601,37 @@
"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. <a href=\"\">Explore now</a>",
"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. <a href=\"\">Get training</a>",
"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. <a href=\"https://events.webmaker.org/\">View events</a>",
"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"
@ -627,17 +639,5 @@
"Start Creating": {
"message": "Start Creating",
"description": "button text on footer on home"
},
"": {
"message": "",
"description": ""
},
"": {
"message": "",
"description": ""
},
"": {
"message": "",
"description": ""
}
}

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

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

@ -2,7 +2,7 @@
</div>
<div id="page-home">
<div class="home-blue">
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col-sm-3 col-sm-offset-1 col-md-4">
<figure class="devices">
@ -29,7 +29,7 @@
</div>
</div>
<section class="home-values">
<div class="container-fluid">
<div class="container">
<h3>
{{ 'Our values' | i18n }}
</h3>
@ -67,7 +67,7 @@
</div>
</section>
<section class="home-jump-in">
<div class="container-fluid">
<div class="container">
<h3>{{ 'Jump right in' | i18n }}</h3>
<p class="lead">
@ -76,31 +76,48 @@
<ul class="row">
<li class="col-sm-4">
<figure>
<a href="">
<img src="" alt=""/>
<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 bind-html-unsafe="'Investigate the tools, learning resources' | i18n"></p>
<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>
<img src="/img/home/learntoteach-md-icon.svg" alt=""/>
<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 bind-html-unsafe="'Study at your own pace' | i18n"></p>
<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="" alt=""/>
<img src="/img/home/get-together-md-icon.svg" alt="" width="155" height="120"/>
</a>
</figure>
<h4>{{ 'Get Together' | i18n }}</h4>
<p bind-html-unsafe="'Build the web with others' | i18n"></p>
<p>
{{ 'Build the web with others' | i18n }}
<a href="https://events.webmaker.org/{{ lang }}/">
{{ 'View events' | i18n }}
</a>
</p>
</li>
</ul>
</div>