Commit 19ed7ef8 authored by Dimitris Kardarakos's avatar Dimitris Kardarakos

Integrate findyourway with plasma-mobile site

Findyourway page has been integrated into plasma-mobile site. Duplicate assets have been removed and its code has been changed so as to use existing scripts - when applicable. Redundant styling removed and user interface of findyourway shares the same fonts. Header and footer added as well.
parent 1442e698
......@@ -18,6 +18,9 @@
<link rel='stylesheet' href='/plugins/easy-table/themes/default/style.css' type='text/css' media='all' />
<link rel="stylesheet" href="/plugins/modal-video/css/modal-video.min.css">
<link rel='stylesheet' type='text/css' href='/css/findyourway/style.css' title='Default'>
<link rel='stylesheet' type='text/css' href='/css/findyourway/plain.css' title='Bird Eye View'>
<!-- Java-Script -->
<script type='text/javascript' src='/js/jquery/jquery.js'></script>
<script type='text/javascript' src='/js/jquery/jquery-migrate.min.js'></script>
......
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
{{ content }}
{% include footer.html %}
<script src="/js/findyourway/handlebars.runtime.js"></script>
<script src="/js/findyourway/way.js"></script>
<script src="/js/findyourway/displayRender.js"></script>
<script src="/js/findyourway/foopy.js"></script>
<script src="/js/findyourway/l10n.js"></script>
</body>
</html>
@charset "utf-8";
@font-face {
font-family: 'Montserrat';
font-weight: normal;
font-style: normal;
src: url("/media/fonts/montserrat-regular.ttf") format("truetype");
}
@font-face {
font-family: 'Open Sans';
font-weight: normal;
font-style: normal;
src: url("opensans-semibold.ttf") format("truetype");
}
@font-face {
font-family: 'Montserrat Light';
font-weight: normal;
font-style: normal;
src: url("/media/fonts/montserrat-light.ttf") format("truetype");
}
* {
margin: 0;
padding: 0;
}
html {
/* background: url("/media/img/bg.png") repeat scroll 0 0 #eee; */
font-family: "Montserrat", sans-serif;
}
header {
position: relative;
min-height: 40px;
padding: 10px 100px;
background: rgba(0,0,0,0.05);
color: #333;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
}
header .plamo-logo {
float: left;
width: 115px;
height: 30px;
}
header #lang-selection {
background: center left transparent no-repeat;
/*
* Icon attribution
* A’ Design Award & Competition, Onur Müştak Çobanlı and Farhat Datta
* http://www.languageicon.org
*/
background-image: url(" /media/img/language_icon.png");
padding-left: 28px;
padding-bottom: 2px;
}
header #lang {
font-weight: 300;
text-align: right;
}
#wrapper {
font-weight: 300;
text-shadow: 0 1px 0 #fff;
......@@ -73,6 +7,8 @@ header #lang {
margin-top:0px;
text-align: center;
padding-top: 60px;
padding-bottom: 1em;
}
@media screen and (max-width: 360px) {
......@@ -81,13 +17,6 @@ header #lang {
}
}
select {
background: #fff;
border-color: #b2b2b2;
border-style: solid;
border-width: 1px;
}
.choices li {
display: none;
}
......@@ -101,10 +30,6 @@ select {
padding-top: 60px;
}
a {
color: #F17100;
text-shadow: 0 1px 0 rgba(255,255,255,0.9), 0px 1px 1px rgba(255,255,255,0.9);
}
.question {
font-size: 20pt;
......@@ -194,7 +119,7 @@ a {
}
#footer {
margin-top: 2em;
margin-top: 6em;
color: #666;
}
......
---
layout: findyourway
title: Find your way in Plasma Mobile
permalink: /findyourway/
---
<div id="wrapper">
<div id="responses">
<div id="ok"><a href="javascript:">Tell me more</a></div>
<div id="next">
<a href="javascript:">
<span class="negative">No, not interested</span>
<span class="negative">Show me something else</span>
<span class="negative">Any other task?</span>
<span class="negative">Not sure, something else please?</span>
<span class="negative">Not my line of expertise</span>
<span class="negative">Next please</span>
</a>
</div>
<div id="back"><a href="javascript:">I was wrong, take me back</a></div>
<noscript>
<span>Please enable JavaScript in your browser!</span>
</noscript>
</div>
<div id="footer">Based on <a href="https://github.com/jdm/asknot">asknot</a></div>
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Find your way in Plasma Mobile</title>
<link rel="stylesheet" type="text/css" href="media/css/style.css" title="Default" />
<link rel="alternate stylesheet" type="text/css" href="media/css/plain.css" title="Bird's Eye View" />
</head>
<body>
<header class="section masthead" id="masthead">
<div id="logo">
<span class="plamo-logo"><img src="media/img/plamo-logo.svg" /></span>
</div>
<div id="lang" hidden>
<span id="lang-selection">Language:</span>
<select>
<option value='en' selected>English</option>
<option value='es'>Español | Spanish</option>
</select>
</div>
</header>
<div id="wrapper">
<div id="responses">
<div id="ok"><a href="javascript:">Tell me more</a></div>
<div id="next">
<a href="javascript:">
<span class="negative">No, not interested</span>
<span class="negative">Show me something else</span>
<span class="negative">Any other task?</span>
<span class="negative">Not sure, something else please?</span>
<span class="negative">Not my line of expertise</span>
<span class="negative">Next please</span>
</a>
</div>
<div id="back"><a href="javascript:">I was wrong, take me back</a></div>
<noscript>
<span>Please enable JavaScript in your browser!</span>
</noscript>
</div>
<div id="footer">Based on <a href="https://github.com/jdm/asknot">asknot</a></div>
</div>
<script src="media/js/jquery-3.3.1.min.js"></script>
<script src="media/js/handlebars.runtime.js"></script>
<script src="media/js/way.js"></script>
<script src="media/js/displayRender.js"></script>
<script src="media/js/foopy.js"></script>
<script src="media/js/l10n.js"></script>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
......@@ -19,7 +19,7 @@
* along with this program; if not, see <http://www.gnu.org/licenses/>.
*/
(function() {
(function($) {
var DisplayRender = {
language: 'en',
......@@ -278,7 +278,8 @@
}
}
}
DisplayRender.addHelpers();
DisplayRender.renderTemplate();
$('#responses div').show();
})();
})(window.jQuery);
/** Copyright (c) 2011-2012 Fabien Cazenave, Mozilla.
* Copyright (c) 2018 Dimitris Kardarakos, KDE.W
* Copyright (c) 2018 Dimitris Kardarakos, KDE
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment