Skip to content

Commit

Permalink
wip: ui improvements for legal pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@mtuchi
mtuchi committed May 15, 2020
1 parent 38d1921 commit 6f4738d
Show file tree
Hide file tree
Showing 8 changed files with 228 additions and 141 deletions.
70 changes: 51 additions & 19 deletions resources/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@ const Swiper = require('./plugins/swiper.min');
const WOW = require('./plugins/wow.min');
// require('./main');

$(document).ready(function() {
$(document).ready(function () {

$(".preloader-activate").removeClass('preloader-active');
$(".open_tm_preloader").addClass('loaded');
$(".preloader-activate").removeClass('preloader-active');
$(".open_tm_preloader").addClass('loaded');



Expand All @@ -25,28 +25,60 @@ $(document).ready(function() {
= mobile menu active =
============================================*/

$("#mobile-menu-trigger").on('click', function(){
$("#mobile-menu-trigger").on('click', function () {
$("#mobile-menu-overlay").addClass("active");
$body.addClass('no-overflow');
});

$("#mobile-menu-close-trigger").on('click', function(){
$("#mobile-menu-close-trigger").on('click', function () {
$("#mobile-menu-overlay").removeClass("active");
$body.removeClass('no-overflow');
});

$(".offcanvas-navigation--onepage ul li a").on('click', function(){
$(".offcanvas-navigation--onepage ul li a").on('click', function () {
$("#mobile-menu-overlay").removeClass("active");
$body.removeClass('no-overflow');
});


var brandLogoSlider = new Swiper('.brand-logo-slider__container', {
slidesPerView: 8,
loop: true,
speed: 1000,
spaceBetween: 30,
autoplay: {
delay: 3000,
},

breakpoints: {
1499: {
slidesPerView: 6
},

991: {
slidesPerView: 4
},

767: {
slidesPerView: 3

},

575: {
slidesPerView: 2
}
}
});

var carouselSlider = new Swiper('.service-slider__project-active', {
slidesPerView : 1,
slidesPerView: 1,
slidesPerGroup: 1,
loop: true,
speed: 1000,
autoplay: false,
spaceBetween : 0,
autoplay: {
delay: 5000
},
spaceBetween: 0,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
Expand All @@ -57,24 +89,24 @@ $(document).ready(function() {
clickable: true
},
breakpoints: {
1499:{
slidesPerView : 1
1499: {
slidesPerView: 1
},
1200:{
slidesPerView : 1
1200: {
slidesPerView: 1
},

991:{
slidesPerView : 1
991: {
slidesPerView: 1
},

767:{
slidesPerView : 1
767: {
slidesPerView: 1

},

575:{
slidesPerView : 1
575: {
slidesPerView: 1
}
}
});
Expand Down
21 changes: 21 additions & 0 deletions resources/lang/sw.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@
"What we do": "Tunachokifanya",
"Consultation": "Consultation",
"Design": "Design",
"Legal overview": "Legal overview",
"Development": "Development",
"Testing": "Testing",
"How we work": "Jinsi tunavyo fanya kazi",
Expand Down Expand Up @@ -60,5 +61,25 @@
"Our privacy policy. Because we respect you.": "Our privacy policy. Because we respect you.",
"irabu is Kiswahili for vowels, i.e. relating to the voice.": "irabu ni Kiswahili kwa vokali, i.e. inayohusiana na sauti.",
"— since 2013, formally incorporated in 2020": "- tangu mwaka 2013, rasmi kuingizwa katika 2020",
"Intellectual and industrial property rights": "Intellectual and industrial property rights",
"Table of contents": "Jedwali la yaliyomo",
"Development & maintenance of websites & software": "Maendeleo na matengenezo ya tovuti na programu",
"Implementation": "Utekelezaji",
"Subject of the agreement": "Chini ya makubaliano",
"Dissolution, termination and suspension": "Uondoaji, kumaliza na kusimamishwa",
"Liability": "Dhima",
"Ownership and protection": "Umiliki na ulinzi",
"Confidentiality": "Usiri",
"Who processes your personal data?": "Nani anasindika data yako ya kibinafsi?",
"Time limits": "Mipaka ya wakati",
"Changes and additional work": "Mabadiliko na kazi ya ziada",
"Cancellation": "Kufuta",
"Prices, tariffs and payment": "Bei, ushuru na malipo",
"General terms and conditions": "Masharti na masharti ya jumla",
"Delivery and acceptance": "Uwasilishaji na kukubalika",
"Web hosting": "Mwenyeji wa wavuti",
"Duration of the agreement": "Muda wa makubaliano",
"Registration of domain names": "Usajili wa majina ya kikoa",
"Modalities": "Tabia",
"We are a creative digital agency with a core quest of": "Sisi ni wakala wa ubunifu wa dijiti na shauku ya msingi ya"
}
9 changes: 8 additions & 1 deletion resources/views/layout/partials/header/header.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,14 @@ class="{{ (request()->is(app()->getLocale().'/about*')) ? 'active' : '' }}">

</div>
</div>

<div class="hidden-icons-menu d-block d-md-none" id="hidden-icon-trigger">
<a href="javascript:void(0)" >
<language-switcher locale="{{ app()->getLocale() }}"
link-en="{{ route(Route::currentRouteName(), 'en') }}"
link-sw="{{ route(Route::currentRouteName(), 'sw') }}">
</language-switcher>
</a>
</div>
<!-- mobile menu -->
<div class="mobile-navigation-icon d-block d-xl-none" id="mobile-menu-trigger">
<i></i>
Expand Down
6 changes: 3 additions & 3 deletions resources/views/pages/legal/data.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@
social identity of that natural person.
</li>
<li>
<strong>Privacy legislation</strong>: the entire Belgian and European data protection
<strong>Privacy legislation</strong>: the entire Tanzanian and European data protection
legislation, including the law of 8 December 1992 on privacy protection in
relation to the processing of Personal Data and starting from 25 May 2018, the General Data
Protection Regulation.
Expand Down Expand Up @@ -505,7 +505,7 @@
Titles and subtitles in this agreement are deemed to be merely illustrative.
</li>
<li>
This agreement is governed by Belgian law. In the event of any dispute concerning the
This agreement is governed by Tanzanian law. In the event of any dispute concerning the
implementation of this agreement, the Parties are expected to make all efforts to find and
amicable solution. The Parties will draw up a reasonable interpretation of this Agreement.
In the absence of an amicable solution, the dispute can be submitted to a centre of
Expand All @@ -520,4 +520,4 @@
</div>
</div>

@endsection
@endsection
28 changes: 16 additions & 12 deletions resources/views/pages/legal/disclaimer.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,18 @@
@section('content')

<div class="container" style="padding: 6.5em;">
<section id="banner" class="banner" role="banner">
<section id="banner" class="banner mb-3" role="banner">
<div class="wrap">
<h1 class="banner-slogan">
{{__('Disclaimer')}}
</h1>
<p class="mt-4 | print:hidden">
<span class="icon mr-2 opacity-50 fill-blue">{{ svg('icons/far-angle-left') }}</span> <a
href="{{ route('legal', app()->getLocale())}}" class="link-underline link-blue">Legal overview</a>
<a href="{{ route('legal', app()->getLocale())}}" class="hover-style-link font-weight--bold">
{{__('Legal overview')}}
<span class="button-icon ml-1">
<i class="far fa-long-arrow-right"></i>
</span>
</a>
</p>
</div>
</section>
Expand All @@ -23,10 +27,10 @@
<div class="markup markup-titles markup-lists counters links-underline links-blue">
<p>
The use of our website should always be done in accordance with the rights and obligations which
are
clearly listed on the website and the rights and obligations defined in the disclaimer, sales
terms
and conditions and the privacy statement. The whole of these texts are our terms and conditions.
are clearly listed on the website and the rights and obligations defined in the disclaimer,
sales
terms and conditions and the privacy statement. The whole of these texts are our terms and
conditions.
</p>
<p>
These general terms and conditions apply to both us, Irabu Systems Ltd, as well as for you, the
Expand All @@ -44,7 +48,7 @@

<h2>Who are we?</h2>

<p>The website irabu.co.tz is an initiative of: </p>
<h6 class="heading">The website irabu.co.tz is an initiative of: </h6>
<address>
Irabu Company Ltd.<br>
Kilongawima Street<br>
Expand All @@ -58,7 +62,7 @@
</p>

<h2>Our website</h2>
<h3>Good operation, safety and accessibility</h3>
<h3 class="text-color-primary">Good operation, safety and accessibility</h3>
<p>
You can rest assured, we offer an easy-to-use website that is safe for each User. We take all
reasonable measures necessary to ensure the proper operation, safety and accessibility of our
Expand All @@ -80,7 +84,7 @@
but
this is not an absolute condition.
</p>
<h3>Site content</h3>
<h3 class="text-color-primary">Site content</h3>
<p>
The content of the website is largely determined by us and we take great care in this content.
This
Expand Down Expand Up @@ -119,7 +123,7 @@
the basis of the agreement with Irabu.
</p>

<h3>What we expect from you as a User</h3>
<h3 class="text-color-primary">What we expect from you as a User</h3>
<p>
The User also bears a certain responsibility when using our website. The User should always
refrain
Expand Down Expand Up @@ -204,7 +208,7 @@
</p>
<p>
These general terms and conditions (including the terms and conditions of sale) are exclusively
governed by and interpreted in accordance with Belgian law. All disputes relating to or arising
governed by and interpreted in accordance with Tanzanian law. All disputes relating to or arising
from
offers of Irabu, or agreements that are concluded with it shall be submitted to the competent
court
Expand Down
101 changes: 55 additions & 46 deletions resources/views/pages/legal/index.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,64 +4,73 @@
])

@section('content')
<div class="container" style="padding: 6.5em;">

<div class="container">
<div class="legal-banner-wrap banner-space legal-us-bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- section-title-wrap Start -->
<div class="section-title-wrap text-center section-space--mb_60">
<div class="row">
<div class="col-lg-12">
<!-- section-title-wrap Start -->
<div class="section-title-wrap text-center">

<h1 class="heading">
{{__('Legal stuff')}}
</h1>
<h5 class="font-weight--normal ">
{{__('Let\'s agree on some stuffs')}}
</h5>
</div>
<!-- section-title-wrap Start -->
<h1 class="heading">
{{__('Legal stuff')}}
</h1>
<h5 class="font-weight--normal ">
{{__('Let\'s agree on some stuffs')}}
</h5>
</div>
<!-- section-title-wrap Start -->
</div>
</div>
</div>

<div class="legal-links section-space--pt_50 section-space--pb_100">
<div class="container">

<div class="row">
<div class="col-lg-6 col-md-6">
<div class="list-group-wrap section-space--mb_60">
<div class="separator-list-wrap">
<div class="element-title section-space--mb_30">
<h5>{{__('GENERAL CONDITIONS')}}</h5>
</div>
<ul class="">
<li class="list-item">
<a href="{{ route('legal.conditions',app()->getLocale())}}">General conditions</a>
</li>
</ul>
<div class="legal-links section-space--pb_100">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-4">
<div class="list-group-wrap section-space--mb_60">
<div class="separator-list-wrap">
<div class="element-title section-space--mb_30">
<h5>{{__('GENERAL CONDITIONS')}}</h5>
</div>
<ul class="">
<li class="list-item">
<a href="{{ route('legal.conditions',app()->getLocale())}}" class="font-weight-bold hover-style-link">
{{__(' General conditions')}}
<span class="button-icon ml-1">
<i class="far fa-long-arrow-right"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>

<div class="col-lg-6 col-md-6">
<div class="list-group-wrap section-space--mb_60">
<div class="separator-list-wrap">
<div class="element-title section-space--mb_30">
<h5>{{__('POLICIES & DISCLAIMERS')}}</h5>
</div>
<ul class="">
<li class="list-item">
<a
href="{{ route('legal.disclaimer', app()->getLocale())}}">{{__('Disclaimer')}}</a>
</li>
<li class="list-item">
<a
href="{{ route('legal.privacy', app()->getLocale())}}">{{__('Privacy policy')}}</a>
</li>
</ul>
<div class="col-lg-4 col-md-4">
<div class="list-group-wrap section-space--mb_60">
<div class="separator-list-wrap">
<div class="element-title section-space--mb_30">
<h5>{{__('POLICIES & DISCLAIMERS')}}</h5>
</div>
<ul class="">
<li class="list-item">
<a href="{{ route('legal.disclaimer', app()->getLocale())}}"
class="font-weight-bold hover-style-link">
{{__('Disclaimer')}}
<span class="button-icon ml-1">
<i class="far fa-long-arrow-right"></i>
</span>
</a>
</li>
<li class="list-item">
<a href="{{ route('legal.privacy', app()->getLocale())}}"
class="font-weight-bold hover-style-link">
{{__('Privacy policy')}}
<span class="button-icon ml-1">
<i class="far fa-long-arrow-right"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 6f4738d

Please sign in to comment.