Add moz footer and update news feed style
This commit is contained in:
Lance Cummings
Родитель
5a1adecbcb
Коммит
181d8ae716
|
|
@ -1 +1,91 @@
|
|||
<footer class="site-footer"></footer>
|
||||
<footer class="site-footer panel mzp-c-footer mzp-has-lang-switcher">
|
||||
<div class="mzp-l-content">
|
||||
<nav class="grid-container grid-x grid-padding-x mzp-c-footer-primary">
|
||||
<div class="cell small-12 large-3">
|
||||
<div class="mzp-c-footer-primary-logo"><a href="https://www.mozilla.org/">Mozilla</a></div>
|
||||
</div>
|
||||
<section class="cell small-12 large-4 mzp-c-footer-section">
|
||||
<h4>
|
||||
<a href="https://www.mozilla.org/">Mozilla</a>
|
||||
</h4>
|
||||
<ul>
|
||||
<li><a href="https://www.mozilla.org/about/">About</a></li>
|
||||
<li><a href="https://blog.mozilla.org/">Blog</a></li>
|
||||
<li><a href="https://www.mozilla.org/contact/">Contact Us</a></li>
|
||||
<li><a href="https://donate.mozilla.org/">Donate</a></li>
|
||||
<li>
|
||||
<ul class="mzp-c-footer-links-social">
|
||||
<li><a class="twitter" href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li>
|
||||
<li><a class="instagram" href="https://www.instagram.com/mozilla/">Instagram<span> (@mozilla)</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="cell small-12 large-4 mzp-c-footer-section">
|
||||
<h4>
|
||||
<a href="https://www.mozilla.org/firefox/">Firefox</a>
|
||||
</h4>
|
||||
<ul>
|
||||
<li><a href="https://www.mozilla.org/firefox/new/">Download Firefox</a></li>
|
||||
<li><a href="https://www.mozilla.org/firefox/">Desktop</a></li>
|
||||
<li><a href="https://www.mozilla.org/firefox/mobile/">Mobile</a></li>
|
||||
<li><a href="https://www.mozilla.org/firefox/features/">Features</a></li>
|
||||
<li><a href="https://www.mozilla.org/firefox/channel/desktop/">Beta, Nightly, Developer Edition</a></li>
|
||||
<li>
|
||||
<ul class="mzp-c-footer-links-social">
|
||||
<li><a class="twitter" href="https://twitter.com/firefox">Twitter<span> (@firefox)</span></a></li>
|
||||
<li><a class="youtube" href="https://www.youtube.com/firefoxchannel">YouTube<span> (firefoxchannel)</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
|
||||
<nav class="grid-container grid-x grid-padding-x mzp-c-footer-secondary">
|
||||
<div class="cell small-12 large-7 mzp-c-footer-legal">
|
||||
<ul>
|
||||
<li><a rel="nofollow" href="https://www.mozilla.org/privacy/websites/">Website Privacy Notice</a></li>
|
||||
<li><a rel="nofollow" href="https://www.mozilla.org/privacy/websites/#cookies">Cookies</a></li>
|
||||
<li><a rel="nofollow" href="https://www.mozilla.org/about/legal/">Legal</a></li>
|
||||
</ul>
|
||||
<p class="mzp-c-footer-license">
|
||||
Portions of this content are ©1998–{{ 'now' | date: "%Y" }} by individual mozilla.org
|
||||
contributors. Content available under a
|
||||
<a rel="license" href="https://www.mozilla.org/foundation/licensing/website-content/">Creative Commons license</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="cell small-12 large-4">
|
||||
<form class="mzp-c-language-switcher mzp-t-dark" method="get" action="#">
|
||||
<a class="mzp-c-cta-link" href="https://www.mozilla.org/locales/">Language</a>
|
||||
<label for="mzp-c-language-switcher-select">Language</label>
|
||||
<select id="mzp-c-language-switcher-select" class="mzp-js-language-switcher-select"
|
||||
name="lang">
|
||||
<option value="en-US">English (US)</option>
|
||||
<option value="de">Deutsch</option>
|
||||
<option value="fr">Français</option>
|
||||
<option value="es-ES">Español</option>
|
||||
<option value="ja">日本語</option>
|
||||
</select>
|
||||
<!-- form submit button is shown when JavaScript is not enabled -->
|
||||
<button type="submit">Go</button>
|
||||
</form>
|
||||
|
||||
<script src="{{ "/assets/scripts/protocol-lang-switcher.js" | relative_url }}"></script>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
'use strict';
|
||||
// a custom callback can be passed to the lang switcher for analytics purposes.
|
||||
Mzp.LangSwitcher.init(function(previousLanguage,
|
||||
newLanguage) {
|
||||
console.log('Previous language: ',
|
||||
previousLanguage);
|
||||
console.log('New language: ', newLanguage);
|
||||
})
|
||||
})();
|
||||
</script>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -283,21 +283,6 @@ html {height: 100%;}
|
|||
|
||||
|
||||
|
||||
// Body
|
||||
// ------
|
||||
|
||||
.site-content {}
|
||||
|
||||
|
||||
|
||||
// Footer
|
||||
// ------
|
||||
|
||||
.site-footer {}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// COMPONENT STYLES
|
||||
// -------------------------------------------------------------------------------------------------------------------
|
||||
|
|
@ -937,3 +922,56 @@ html {height: 100%;}
|
|||
.cell {padding-top: rem-calc(8); padding-bottom: rem-calc(8);}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Moz Footer
|
||||
// ------
|
||||
|
||||
|
||||
.site-footer {background-color: $black; color: $white;
|
||||
@include breakpoint(medium down) {padding-top: rem-calc(40); padding-bottom: rem-calc(40);}
|
||||
|
||||
a {color: $white;
|
||||
&:hover {color: $white;}
|
||||
}
|
||||
|
||||
h4 {
|
||||
@include breakpoint(medium down) {margin-top: 1.5em;}
|
||||
}
|
||||
|
||||
ul {list-style: none; margin: 0;}
|
||||
|
||||
.mzp-c-footer-links-social {@include horizontal_list($margin: .6666em);
|
||||
a {font-size: 0;
|
||||
&:before {display: inline-block; font-size: rem-calc(20); vertical-align: middle;}
|
||||
&:hover {text-decoration: none;}
|
||||
}
|
||||
.twitter:before {@include icon_font($char: $icon-twitter);}
|
||||
.instagram:before {@include icon_font($char: $icon-instagram);}
|
||||
.youtube:before {@include icon_font($char: $icon-youtube);}
|
||||
}
|
||||
|
||||
.mzp-c-footer-legal ul {@include horizontal_list($margin: 1em); margin-bottom: 1em;
|
||||
a {
|
||||
&:hover {text-decoration: underline;}
|
||||
}
|
||||
}
|
||||
|
||||
.mzp-c-footer-primary-logo {margin-bottom: rem-calc(16); padding-right: rem-calc(24);
|
||||
a {display: inline-block; width: 100px; height: 32px; overflow: hidden; text-decoration: none; text-indent: 120%; white-space: nowrap; background: $black url("img/moz-logo.svg") no-repeat 0 0/#{rem-calc(100)}; color: $white;}
|
||||
}
|
||||
|
||||
.mzp-c-footer-secondary {font-size: $small-font-size; line-height: 1.333; padding-top: rem-calc(40);
|
||||
@include breakpoint(large) {padding-top: rem-calc(60);}
|
||||
}
|
||||
|
||||
.mzp-c-language-switcher {display: flex; flex-flow: row wrap; justify-content: flex-start; font-size: 1rem; align-items: center;
|
||||
label {position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px;}
|
||||
.mzp-c-cta-link {flex: 0 0 auto; margin-right: rem-calc(24); font-weight: $global-weight-bold;}
|
||||
select {flex: 0 0 auto; width: auto; margin-bottom: 0;}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -91,6 +91,8 @@ $icon-mail: "\e905";
|
|||
$icon-telegram: "\e906";
|
||||
$icon-twitter: "\e907";
|
||||
$icon-github: "\e908";
|
||||
$icon-youtube: "\e90c";
|
||||
$icon-instagram: "\e90d";
|
||||
|
||||
|
||||
// 3. Breakpoints
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="stylesheet" href="style.css"></head>
|
||||
<body>
|
||||
<div class="bgc1 clearfix">
|
||||
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 12)</small></h1>
|
||||
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 14)</small></h1>
|
||||
</div>
|
||||
<div class="clearfix mhl ptl">
|
||||
<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
|
||||
|
|
@ -163,6 +163,38 @@
|
|||
</div>
|
||||
<div class="clearfix mhl ptl">
|
||||
<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
|
||||
<div class="glyph fs3">
|
||||
<div class="clearfix bshadow0 pbs">
|
||||
<span class="icon-youtube-play">
|
||||
|
||||
</span>
|
||||
<span class="mls"> icon-youtube-play</span>
|
||||
</div>
|
||||
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
||||
<input type="text" readonly value="e90c" class="unit size1of2" />
|
||||
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
||||
</fieldset>
|
||||
<div class="fs0 bshadow0 clearfix hidden-true">
|
||||
<span class="unit pvs fgc1">liga: </span>
|
||||
<input type="text" readonly value="" class="liga unitRight" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs3">
|
||||
<div class="clearfix bshadow0 pbs">
|
||||
<span class="icon-instagram">
|
||||
|
||||
</span>
|
||||
<span class="mls"> icon-instagram</span>
|
||||
</div>
|
||||
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
||||
<input type="text" readonly value="e90d" class="unit size1of2" />
|
||||
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
||||
</fieldset>
|
||||
<div class="fs0 bshadow0 clearfix hidden-true">
|
||||
<span class="unit pvs fgc1">liga: </span>
|
||||
<input type="text" readonly value="" class="liga unitRight" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs3">
|
||||
<div class="clearfix bshadow0 pbs">
|
||||
<span class="icon-github">
|
||||
|
|
|
|||
Двоичные данные
assets/icomoon/fonts/icomoon.eot
Двоичные данные
assets/icomoon/fonts/icomoon.eot
Двоичный файл не отображается.
|
|
@ -19,4 +19,6 @@
|
|||
<glyph unicode="" glyph-name="close" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
||||
<glyph unicode="" glyph-name="arrow-right" d="M314.027 858.88c9.33 9.692 22.415 15.713 36.907 15.713s27.577-6.020 36.891-15.697l0.016-0.016 364.8-373.333c9.478-9.747 15.323-23.071 15.323-37.76s-5.845-28.013-15.335-37.773l0.012 0.013-364.8-373.333c-9.408-9.352-22.376-15.132-36.693-15.132s-27.285 5.78-36.696 15.135l0.003-0.003c-9.329 9.656-15.077 22.823-15.077 37.333s5.748 27.677 15.092 37.349l-0.015-0.015 327.68 336.64-328.107 335.787c-9.453 9.68-15.284 22.932-15.284 37.547s5.831 27.867 15.295 37.557l-0.010-0.011z" />
|
||||
<glyph unicode="" glyph-name="arrow-down" d="M944.213 667.733c9.692-9.33 15.713-22.415 15.713-36.907s-6.020-27.577-15.697-36.891l-0.016-0.016-373.333-365.227c-9.832-9.287-23.129-14.995-37.76-14.995s-27.928 5.709-37.786 15.020l0.026-0.025-373.333 365.227c-9.431 9.292-15.274 22.204-15.274 36.48s5.843 27.188 15.268 36.474l0.006 0.006c9.698 9.233 22.853 14.913 37.333 14.913s27.635-5.68 37.356-14.934l-0.022 0.021 335.787-328.107 335.787 328.107c9.815 9.861 23.399 15.963 38.408 15.963 14.581 0 27.817-5.759 37.557-15.126l-0.018 0.017z" />
|
||||
<glyph unicode="" glyph-name="youtube-play" d="M406.286 306.286l276.571 142.857-276.571 144.571v-287.429zM512 798.857c215.429 0 358.286-10.286 358.286-10.286 20-2.286 64-2.286 102.857-43.429 0 0 31.429-30.857 40.571-101.714 10.857-82.857 10.286-165.714 10.286-165.714v-77.714s0.571-82.857-10.286-165.714c-9.143-70.286-40.571-101.714-40.571-101.714-38.857-40.571-82.857-40.571-102.857-42.857 0 0-142.857-10.857-358.286-10.857v0c-266.286 2.286-348 10.286-348 10.286-22.857 4-74.286 2.857-113.143 43.429 0 0-31.429 31.429-40.571 101.714-10.857 82.857-10.286 165.714-10.286 165.714v77.714s-0.571 82.857 10.286 165.714c9.143 70.857 40.571 101.714 40.571 101.714 38.857 41.143 82.857 41.143 102.857 43.429 0 0 142.857 10.286 358.286 10.286v0z" />
|
||||
<glyph unicode="" glyph-name="instagram" horiz-adv-x="878" d="M585.143 438.857c0 80.571-65.714 146.286-146.286 146.286s-146.286-65.714-146.286-146.286 65.714-146.286 146.286-146.286 146.286 65.714 146.286 146.286zM664 438.857c0-124.571-100.571-225.143-225.143-225.143s-225.143 100.571-225.143 225.143 100.571 225.143 225.143 225.143 225.143-100.571 225.143-225.143zM725.714 673.143c0-29.143-23.429-52.571-52.571-52.571s-52.571 23.429-52.571 52.571 23.429 52.571 52.571 52.571 52.571-23.429 52.571-52.571zM438.857 798.857c-64 0-201.143 5.143-258.857-17.714-20-8-34.857-17.714-50.286-33.143s-25.143-30.286-33.143-50.286c-22.857-57.714-17.714-194.857-17.714-258.857s-5.143-201.143 17.714-258.857c8-20 17.714-34.857 33.143-50.286s30.286-25.143 50.286-33.143c57.714-22.857 194.857-17.714 258.857-17.714s201.143-5.143 258.857 17.714c20 8 34.857 17.714 50.286 33.143s25.143 30.286 33.143 50.286c22.857 57.714 17.714 194.857 17.714 258.857s5.143 201.143-17.714 258.857c-8 20-17.714 34.857-33.143 50.286s-30.286 25.143-50.286 33.143c-57.714 22.857-194.857 17.714-258.857 17.714zM877.714 438.857c0-60.571 0.571-120.571-2.857-181.143-3.429-70.286-19.429-132.571-70.857-184s-113.714-67.429-184-70.857c-60.571-3.429-120.571-2.857-181.143-2.857s-120.571-0.571-181.143 2.857c-70.286 3.429-132.571 19.429-184 70.857s-67.429 113.714-70.857 184c-3.429 60.571-2.857 120.571-2.857 181.143s-0.571 120.571 2.857 181.143c3.429 70.286 19.429 132.571 70.857 184s113.714 67.429 184 70.857c60.571 3.429 120.571 2.857 181.143 2.857s120.571 0.571 181.143-2.857c70.286-3.429 132.571-19.429 184-70.857s67.429-113.714 70.857-184c3.429-60.571 2.857-120.571 2.857-181.143z" />
|
||||
</font></defs></svg>
|
||||
|
До Ширина: | Высота: | Размер: 8.9 KiB После Ширина: | Высота: | Размер: 11 KiB |
Двоичные данные
assets/icomoon/fonts/icomoon.ttf
Двоичные данные
assets/icomoon/fonts/icomoon.ttf
Двоичный файл не отображается.
Двоичные данные
assets/icomoon/fonts/icomoon.woff
Двоичные данные
assets/icomoon/fonts/icomoon.woff
Двоичный файл не отображается.
Двоичные данные
assets/icomoon/fonts/icomoon.woff2
Двоичные данные
assets/icomoon/fonts/icomoon.woff2
Двоичный файл не отображается.
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -1,11 +1,11 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot?iq7x1r');
|
||||
src: url('fonts/icomoon.eot?iq7x1r#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.woff2?iq7x1r') format('woff2'),
|
||||
url('fonts/icomoon.ttf?iq7x1r') format('truetype'),
|
||||
url('fonts/icomoon.woff?iq7x1r') format('woff'),
|
||||
url('fonts/icomoon.svg?iq7x1r#icomoon') format('svg');
|
||||
src: url('fonts/icomoon.eot?pv3fbv');
|
||||
src: url('fonts/icomoon.eot?pv3fbv#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.woff2?pv3fbv') format('woff2'),
|
||||
url('fonts/icomoon.ttf?pv3fbv') format('truetype'),
|
||||
url('fonts/icomoon.woff?pv3fbv') format('woff'),
|
||||
url('fonts/icomoon.svg?pv3fbv#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -52,6 +52,12 @@
|
|||
.icon-mail:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-youtube-play:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-instagram:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e908";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="112" height="32" style="background:#fff"><path d="M30.954 22.564h1.86v3.09h-5.826v-7.975c0-2.458-.806-3.404-2.386-3.404-1.922 0-2.696 1.387-2.696 3.373v4.948h1.859v3.089h-5.857v-8.006c0-2.458-.806-3.404-2.386-3.404-1.921 0-2.696 1.387-2.696 3.373v4.948h2.665v3.089H7v-3.089h1.86V14.56H7v-3.09h5.857v2.144c.837-1.513 2.293-2.427 4.245-2.427 2.015 0 3.874.977 4.556 3.058.774-1.892 2.355-3.058 4.555-3.058 2.51 0 4.803 1.545 4.803 4.917v6.461h-.062zm11.001.284c-2.169 0-3.285-1.891-3.285-4.35 0-2.679 1.27-4.223 3.316-4.223 1.89 0 3.409 1.292 3.409 4.16 0 2.743-1.364 4.413-3.44 4.413zm.093-11.662c-5.02 0-7.5 3.436-7.5 7.596 0 4.539 2.976 7.218 7.283 7.218 4.463 0 7.685-2.868 7.685-7.407 0-3.971-2.448-7.407-7.468-7.407zm19.988 9.204l3.16.315-.867 4.98H52.15l-.402-2.143 7.684-8.983h-4.369l-.62 2.206-2.881-.315.495-4.98h12.241l.31 2.143-7.747 8.983h4.524l.65-2.206zm6.105 5.295h4.183v-5.106h-4.183v5.106zm0-9.11h4.183V11.47h-4.183v5.106zM84.874 4l-6.042 21.653h-3.936L80.94 4h3.935zm8.12 0L86.95 25.653h-3.936L89.058 4h3.935zm5.36 19.07c-1.208 0-1.642-.726-1.642-1.64 0-1.545 1.24-1.954 2.665-1.954.65 0 1.364.094 2.014.189-.093 2.364-1.611 3.404-3.037 3.404zm8.553.093a2.064 2.064 0 0 1-.588.095c-.651 0-.961-.284-.961-1.103v-6.146c0-3.247-2.541-4.823-5.547-4.823-2.293 0-3.533.284-5.981 1.293l-.496 3.277 3.192.347.465-1.607c.65-.347 1.302-.41 2.138-.41 2.262 0 2.293 1.733 2.293 3.183v.473a17.978 17.978 0 0 0-2.293-.126c-3.192 0-6.507.82-6.507 4.318 0 2.963 2.292 4.066 4.307 4.066 2.262 0 3.688-1.387 4.493-2.837.186 1.734 1.209 2.837 3.068 2.837.868 0 1.767-.252 2.51-.662l-.093-2.175z" fill="#000" fill-rule="evenodd"/></svg>
|
||||
|
После Ширина: | Высота: | Размер: 1.6 KiB |
|
|
@ -113,6 +113,16 @@
|
|||
"oO": 0,
|
||||
"oS": 1
|
||||
},
|
||||
"/protocol-lang-switcher.js": {
|
||||
"ft": 64,
|
||||
"ma": 0,
|
||||
"mi": 1,
|
||||
"oA": 0,
|
||||
"oAP": "/protocol-lang-switcher-min.js",
|
||||
"oF": 0,
|
||||
"sC": 3,
|
||||
"tS": 0
|
||||
},
|
||||
"/rssfeed.js": {
|
||||
"ft": 64,
|
||||
"ma": 0,
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
if(void 0===Mzp)var Mzp={};!function(){"use strict";var a={switchPath:function(t,e){var i=t.pathname.slice(1).split("/"),n="/"+i[0]+"/",a;return!!/^(\/\w{2}-\w{2}\/|\/\w{2,3}\/)/.test(n)&&"/"+e+"/"+i.slice(1).join("/")+t.search},doRedirect:function(t){t&&(window.location.href=t)},init:function(n){for(var t=document.querySelectorAll(".mzp-js-language-switcher-select"),e=0;e<t.length;e++)t[e].setAttribute("data-previous-language",t[e].value),t[e].addEventListener("change",function(t){var e=t.target.value,i=t.target.getAttribute("data-previous-language");"function"==typeof n&&n(i,e),a.doRedirect(a.switchPath(window.location,e))},!1)}};window.Mzp.LangSwitcher=a}();
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
// create namespace
|
||||
if (typeof Mzp === 'undefined') {
|
||||
var Mzp = {};
|
||||
}
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
var LangSwitcher = {};
|
||||
|
||||
/**
|
||||
* Returns URL pathname with preceded by a new page locale.
|
||||
* Assumes first path immediately after hostname is the page locale.
|
||||
* @param {Object} Location interface
|
||||
* @param {String} Newly selected language code e.g. `de`
|
||||
* @return {String} pathname e.g. `/de/firefox/`
|
||||
*/
|
||||
LangSwitcher.switchPath = function(location, newLang) {
|
||||
var parts = location.pathname.slice(1).split('/');
|
||||
var currentLang = '/' + parts[0] + '/';
|
||||
|
||||
// check that first path is a valid lang code.
|
||||
if (!/^(\/\w{2}-\w{2}\/|\/\w{2,3}\/)/.test(currentLang)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var urlpath = parts.slice(1).join('/');
|
||||
return '/' + newLang + '/' + urlpath + location.search;
|
||||
};
|
||||
|
||||
/**
|
||||
* Redirect page to destination URL if valid
|
||||
* @param {String} destination
|
||||
*/
|
||||
LangSwitcher.doRedirect = function(destination) {
|
||||
if (destination) {
|
||||
window.location.href = destination;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialize footer lang switcher.
|
||||
* @param {function} Custom callback for analytics.
|
||||
*/
|
||||
LangSwitcher.init = function(callback) {
|
||||
var language = document.querySelectorAll('.mzp-js-language-switcher-select');
|
||||
|
||||
for (var i = 0; i < language.length; i++) {
|
||||
language[i].setAttribute('data-previous-language', language[i].value);
|
||||
|
||||
language[i].addEventListener('change', function(e) {
|
||||
var newLanguage = e.target.value;
|
||||
var previousLanguage = e.target.getAttribute('data-previous-language');
|
||||
|
||||
// support custom callback for page analytics.
|
||||
if (typeof callback === 'function') {
|
||||
callback(previousLanguage, newLanguage);
|
||||
}
|
||||
|
||||
LangSwitcher.doRedirect(LangSwitcher.switchPath(window.location, newLanguage));
|
||||
}, false);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
window.Mzp.LangSwitcher = LangSwitcher;
|
||||
|
||||
})();
|
||||
|
|
@ -95,14 +95,15 @@ jQuery(document).ready(function($) {
|
|||
|
||||
|
||||
|
||||
// 7. RSS Feed
|
||||
// 7. RSS Feed
|
||||
|
||||
// ****** ******
|
||||
// ****** !DISABLED DUE TO INABILITY TO TEST! ******
|
||||
// ** the code is found in rssfeed.js **
|
||||
// ** it must be compiled with Browserfy: **
|
||||
// ** $ browserify rssfeed.js -o rssfeed.pkg.js **
|
||||
// ***** ******
|
||||
|
||||
// ALTERAVIVE METHOD OF GETTING FEED USING 3RD PARTY SERVICE:
|
||||
if ($('#rss-feed').length && $('#rss-feed-source').length) {
|
||||
$('#rss-feed').rss_feed({source: $('#rss-feed-source')});
|
||||
}
|
||||
|
|
@ -512,13 +513,26 @@ jQuery(document).ready(function($) {
|
|||
$.fn.rss_feed = function(options) {
|
||||
var settings = $.extend( {
|
||||
source : null,
|
||||
container : '<div class="cell small-12 large-4 tile no-link no-img"></div>',
|
||||
container : '<a href="" class="cell small-12 large-4 tile tile-block-link no-img"><div class="block-link"></div></a>',
|
||||
breakpoint : 'atleast_large',
|
||||
}, options);
|
||||
|
||||
var $container = this;
|
||||
|
||||
// console.log(settings.source.html()); // <h4 class="feed-item-title"><a href="https://blog.mozilla.org/addons/2018/10/26/firefox-chrome-and-the-future-of-trustworthy-extensions/" target="_blank">Firefox, Chrome and the Future of Trustworthy Extensions</a></h4><p class="feed-item-desc"></p><p>Browser extensions are wonderful. Nearly every day I come across a new Firefox extension that customizes my browser in some creative way I’d never even considered. Some provide amusement for a short time, while others have become indispensable to my … <a class="go" href="https://blog.mozilla.org/addons/2018/10/26/firefox-chrome-and-the-future-of-trustworthy-extensions/">Continue reading</a></p><p>The post <a rel="nofollow" href="https://blog.mozilla.org/addons/2018/10/26/firefox-chrome-and-the-future-of-trustworthy-extensions/">Firefox, Chrome and the Future of Trustworthy Extensions</a> appeared first on <a rel="nofollow" href="https://blog.mozilla.org/addons">Mozilla Add-ons Blog</a>.</p><p></p><h4 class="feed-item-title"><a href="https://blog.mozilla.org/addons/2018/10/15/apply-to-join-the-featured-extensions-advisory-board-2/" target="_blank">Apply to Join the Featured Extensions Advisory Board</a></h4><p class="feed-item-desc"></p><p>Do you love extensions? Do you have a keen sense of what makes a great extension? Want to help users discover extensions that will improve how they experience the web? If so, please consider applying to join our Featured Extensions … <a class="go" href="https://blog.mozilla.org/addons/2018/10/15/apply-to-join-the-featured-extensions-advisory-board-2/">Continue reading</a></p><p>The post <a rel="nofollow" href="https://blog.mozilla.org/addons/2018/10/15/apply-to-join-the-featured-extensions-advisory-board-2/">Apply to Join the Featured Extensions Advisory Board</a> appeared first on <a rel="nofollow" href="https://blog.mozilla.org/addons">Mozilla Add-ons Blog</a>.</p><p></p><h4 class="feed-item-title"><a href="https://blog.mozilla.org/addons/2018/10/01/octobers-featured-extensions-2/" target="_blank">October’s Featured Extensions</a></h4><p class="feed-item-desc"></p><p>Pick of the Month: Default Bookmark Folder by Teddy Gustiaux Do you keep multiple bookmark folders? This extension makes it simple to add new bookmarks to specific folders. “So useful and powerful. I no longer have to change bookmark locations … <a class="go" href="https://blog.mozilla.org/addons/2018/10/01/octobers-featured-extensions-2/">Continue reading</a></p><p>The post <a rel="nofollow" href="https://blog.mozilla.org/addons/2018/10/01/octobers-featured-extensions-2/">October’s Featured Extensions</a> appeared first on <a rel="nofollow" href="https://blog.mozilla.org/addons">Mozilla Add-ons Blog</a>.</p><p></p><div class="rss2html-note" style="float: right;"><a href="https://rss.bloople.net/" style="color: #000000;">Powered by rss2html</a></div><div class="rss2html-note-clear" style="clear: right; height: 0;"></div>
|
||||
// console.log(settings.source.html());
|
||||
/*
|
||||
|
||||
<h4 class="feed-item-title"><a href="[url]" target="_blank">[title]</a></h4>
|
||||
<p class="feed-item-desc"></p>
|
||||
<p>[excerpt] … <a class="go" href="[url]">Continue reading</a></p>
|
||||
<p>The post <a rel="nofollow" href="[url]">[title]</a> appeared first on <a rel="nofollow" href="https://blog.mozilla.org/addons">Mozilla Add-ons Blog</a>.</p>
|
||||
<p></p>
|
||||
|
||||
...
|
||||
|
||||
<div class="rss2html-note" style="float: right;"><a href="https://rss.bloople.net/" style="color: #000000;">Powered by rss2html</a></div><div class="rss2html-note-clear" style="clear: right; height: 0;"></div>
|
||||
|
||||
*/
|
||||
var items = settings.source.html().split('<p></p>');
|
||||
$.each(items, function(i, item) {
|
||||
if (item.indexOf('rss2html-note') !== -1) {
|
||||
|
|
@ -529,13 +543,21 @@ jQuery(document).ready(function($) {
|
|||
var description = elements[1];
|
||||
var title_elements = $($.parseHTML(title)).text();
|
||||
var $description_elements = $(description);
|
||||
var $cell = $(settings.container); // $container.find('.cell').eq(i);
|
||||
var $cell = $(settings.container);
|
||||
var $cell_content = $cell.find('.block-link');
|
||||
|
||||
$cell.append($('<h4>'+title_elements+'</h4>')).append($description_elements);
|
||||
$cell_content.append($('<h4>'+title_elements+'</h4>')).append($description_elements);
|
||||
$description_elements.last().remove();
|
||||
|
||||
var $link = $cell.find('p a:last-child');
|
||||
var link_label = $link.html();
|
||||
var link_url = $link.attr('href');
|
||||
$link.remove();
|
||||
|
||||
$cell.append($('<p class="continue"></p>'));
|
||||
$cell.find('p a:last-child').appendTo($cell.find('.continue'));
|
||||
$cell_content.append($('<p><span class="block-link-inline">'+link_label+'</span></p>'));
|
||||
$('.block-link-inline').html();
|
||||
$cell.attr('href', link_url);
|
||||
|
||||
$container.append($cell);
|
||||
});
|
||||
|
||||
|
|
|
|||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Загрузка…
Ссылка в новой задаче