PR#1105: add language button to fedoracommunity - fedora-websites

fedora-websites

#1105 add language button to fedoracommunity

Merged 2 years ago by darknao. Opened 2 years ago by darknao.

darknao/fedora-websites community_lang into master

add language button to fedoracommunity

Francois Andrieu • 2 years ago

35943e0

fedoracommunity.org/data/templates/css.html

file modified

		`@@ -7,6 +7,8 @@`
		`<link rel="stylesheet" type="text/css" href="${path}/static/css/text.css" media="screen" />`
		`<link rel="stylesheet" type="text/css" href="${path}/static/css/960.css" media="screen" />`
		`<link rel="stylesheet" type="text/css" href="${path}/static/css/fedoracommunity960.css" media="screen" />`
		`+ <link rel="stylesheet" type="text/css" href="${path}/static/css/language-picker.css" media="screen" />`
		`+ <link rel="stylesheet" type="text/css" href="${path}/static/css/font-awesome.css" media="screen" />`
		`<link rel="shortcut icon" href="https://fedoraproject.org/static/images/favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"/>`

		`<!--[if lt IE 7]>`

fedoracommunity.org/data/templates/footer.html

file modified

+8 -1

		`@@ -82,7 +82,14 @@`
		`<li><a href="http://fedoraproject.org/wiki/Legal:Licenses?rd=Legal/Licenses#This_Website">${_('Content License')}</a></li>`
		`</ul>`
		`</div>`
		`- <div class="clear"> </div>`
		`+`
		`+ <div class="grid_16">`
		`+ <div class="widget-body">`
		`+ <xi:include href="../templates/translations.html" />`
		`+ </div>`
		`+ </div>`
		`+ <div class="clear"></div>`
		`+`
		`</div>`
		`${Markup(_(buildstring))}`
		`</html>`

fedoracommunity.org/static/css/font-awesome.css

file added

+2337

The added file is too large to be shown here, see it at: fedoracommunity.org/static/css/font-awesome.css

fedoracommunity.org/static/css/fonts/FontAwesome.otf

file added

empty or binary file added

fedoracommunity.org/static/css/fonts/fontawesome-webfont.eot

file added

empty or binary file added

fedoracommunity.org/static/css/fonts/fontawesome-webfont.svg

file added

+2671

The added file is too large to be shown here, see it at: fedoracommunity.org/static/css/fonts/fontawesome-webfont.svg

fedoracommunity.org/static/css/fonts/fontawesome-webfont.ttf

file added

empty or binary file added

fedoracommunity.org/static/css/fonts/fontawesome-webfont.woff

file added

empty or binary file added

fedoracommunity.org/static/css/fonts/fontawesome-webfont.woff2

file added

empty or binary file added

fedoracommunity.org/static/css/language-picker.css

file added

+72

		`@@ -0,0 +1,72 @@`
		`+`
		`+ .language-header {`
		`+ text-align: center;`
		`+ position: relative;`
		`+ }`
		`+`
		`+ .language-menu {`
		`+ display: none;`
		`+ position: absolute;`
		`+ left: -5%;`
		`+ bottom: 130%;`
		`+ top: auto;`
		`+ width: 110%;`
		`+ background-color: #fff;`
		`+ border-radius: 4px;`
		`+ border: 1px solid rgba(0, 0, 0, .3);`
		`+ box-shadow: 0 6px 12px rgba(0, 0, 0, .175);`
		`+ font-size: 14px;`
		`+ font-family: "Open sans", helvetica, arial;`
		`+ }`
		`+`
		`+ .language-menu ul {`
		`+ column-count: 3;`
		`+ column-gap: 3em;`
		`+ margin: 1.5em;`
		`+ color: #777;`
		`+ list-style: none;`
		`+ }`
		`+`
		`+ .language-menu li {`
		`+ margin-left: 0;`
		`+ }`
		`+`
		`+ a#langSelect {`
		`+ color: #333;`
		`+ text-decoration: none;`
		`+ }`
		`+`
		`+ a:hover#langSelect,`
		`+ a:focus#langSelect {`
		`+ text-decoration: none;`
		`+ }`
		`+`
		`+ .language-menu a {`
		`+ color: #333;`
		`+ text-decoration: none;`
		`+ }`
		`+`
		`+ .language-menu a:hover,`
		`+ .language-menu a:focus {`
		`+ text-decoration: underline;`
		`+ }`
		`+`
		`+`
		`+ @media (min-width:992px) {`
		`+ .language-menu {`
		`+`
		`+ }`
		`+ .language-menu ul {`
		`+ column-count: 5;`
		`+ }`
		`+ }`
		`+`
		`+ @media (min-width:1200px) {`
		`+ .language-menu {`
		`+`
		`+ }`
		`+ .language-menu ul {`
		`+ column-count: 7;`
		`+ }`
		`+ }`
		`+`

fedoracommunity.org/static/js/init.js

file modified

		`@@ -1,4 +1,8 @@`
		`// load widgets on pageload`
		`$(function() {`
		`// spaceholder`
		`+ $( "#langSelect" ).click(function() {`
		`+ $(".language-menu").toggle();`
		`+ return false;`
		`+ });`
		`});`

darknao commented 2 years ago

Fixes: https://pagure.io/fedora-websites/issue/1104

It's a quick & dirty backport of the language selector from other websites (no bootstrap and old jquery version)
Everyone is welcome to improve it if you feel like it.