Skip to content

Commit 2d3b948

Browse files
crespotercrespoter
committed
initiated internationalization with french
1 parent 8f61dd2 commit 2d3b948

File tree

2 files changed

+59
-20
lines changed

2 files changed

+59
-20
lines changed

‎index.html‎

Lines changed: 42 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,8 @@
4747
<body id="homepage">
4848

4949
<!-- This section is for Splash Screen -->
50-
<div id="jSplash">
51-
<section class="selected">
50+
<div id="jSplash" >
51+
<section class="selected" >
5252
Hold tight
5353
</section>
5454
<section>
@@ -86,16 +86,23 @@ <h1 id="logo">
8686

8787
<!-- mainmenu begin -->
8888
<nav>
89-
<ul id="mainmenu"> <!-- TODO : Change here after everything is done-->
90-
<li><a href="#wrapper">Home</a></li>
91-
<li><a href="#section-about">About Us</a></li>
89+
<ul id="mainmenu">
90+
<li><a href="#wrapper" class="lng-en">Home</a></li>
91+
<li><a href="#section-about" class="lng-en">About Us</a></li>
92+
<li><a href="#section-portfolio" class="lng-en">Works</a></li>
93+
<li><a href="#section-testimonial" class="lng-en">Testimonial</a></li>
94+
<li><a href="#section-blog" class="lng-en">Blog</a></li>
95+
<li><a href="#section-contact" class="lng-en">Contact</a></li>
96+
<li><a href="#section-team" class="lng-en">Team</a></li>
9297

93-
<!--<li><a href="#section-services">Services</a></li>-->
94-
<li><a href="#section-portfolio">Works</a></li>
95-
<li><a href="#section-testimonial">Testimonial</a></li>
96-
<li><a href="#section-blog">Blog</a></li>
97-
<li><a href="#section-contact">Contact</a></li>
98-
<li><a href="#section-team">Team</a></li>
98+
<li><a href="#wrapper" class="lng-fr">Accueil</a></li>
99+
<li><a href="#section-about" class="lng-fr">À propos de nous</a></li>
100+
<li><a href="#section-portfolio" class="lng-fr">Travaux</a></li>
101+
<li><a href="#section-testimonial" class="lng-fr">Témoignage</a></li>
102+
<li><a href="#section-blog" class="lng-fr">Blog</a></li>
103+
<li><a href="#section-contact" class="lng-fr">Contact</a></li>
104+
<li><a href="#section-team" class="lng-fr">Équipe</a></li>
105+
99106
</ul>
100107
</nav>
101108
<!-- mainmenu close -->
@@ -113,16 +120,30 @@ <h1 id="logo">
113120
<!-- section begin -->
114121
<section id="section-welcome" class="full-height dark" data-stellar-background-ratio=".2">
115122
<div class="center-y text-center">
116-
Meetups/Training Sessions/Tutorials
117-
<div class="spacer-single"></div>
118-
<div class="text-slider border-deco">
119-
<div class="text-item">Welcome To <span class="id-color">AIDC</span></div>
120-
<div class="text-item">An open source community to <span class="id-color"> help you learn AI</span></div>
121-
<div class="text-item"><span class="id-color"><i class="icon-bike"></i></span>Scroll down to know more about us</div>
122-
</div>
123+
<span class="lng-en">Meetups/Training Sessions/Tutorials</span>
124+
<span class="lng-fr">rencontrer/entraînement/Didacticiel</span>
123125
<div class="spacer-single"></div>
124-
<a href="#section-portfolio" class="btn btn-border btn-big">View Our Works</a>
126+
<div class="text-slider border-deco">
127+
<div class="text-item">
128+
<div class="lng-en">Welcome To <span class="id-color">AIDC</span></div>
129+
<div class="lng-fr">Bienvenue à <span class="id-color">AIDC</span></div>
130+
</div>
131+
<div class="text-item">
132+
<div class="lng-en">An open source community to <span class="id-color"> help you learn AI</span></div>
133+
<div class="lng-fr">une communauté open source à <span class="id-color"> vous aider à apprendre AI</span></div>
134+
</div>
135+
136+
<div class="text-item">
137+
<div class="lng-en"><span class="id-color"><i class="icon-bike"></i></span>Scroll down to know more about us</div>
138+
<div class="lng-fr"><span class="id-color"><i class="icon-bike"></i></span>faites défiler vers le bas pour en savoir plus sur nous</div>
139+
</div>
140+
</div>
141+
<div class="spacer-single"></div>
142+
<a href="#section-portfolio" class="btn btn-border btn-big lng-en">View Our Works</a>
143+
<a href="#section-portfolio" class="btn btn-border btn-big lng-fr">voir nos œuvres</a>
144+
125145
</div>
146+
126147
</section>
127148
<!-- section close -->
128149

@@ -691,6 +712,7 @@ <h1 class="animated" data-animation="fadeInUp">Contact <span class="id-color">Us
691712

692713
<!-- Javascript Files
693714
================================================== -->
715+
694716
<script src="js/jquery.min.js"></script>
695717
<script src="js/jpreLoader.js"></script>
696718
<script src="js/bootstrap.min.js"></script>
@@ -708,7 +730,7 @@ <h1 class="animated" data-animation="fadeInUp">Contact <span class="id-color">Us
708730
<script src="js/jquery.stellar.min.js"></script>
709731
<script src="js/designesia.js"></script>
710732
<script src="js/addServiceWorker.js"></script>
711-
733+
<script src="js/internationalizer.js"></script>
712734
<!-- SLIDER REVOLUTION SCRIPTS -->
713735
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
714736
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

‎js/internationalizer.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
var userLang = navigator.language || navigator.userLanguage;
2+
var lng = userLang.split('-')[0];
3+
$(".lng-en").slideUp();
4+
$(".lng-fr").slideUp();
5+
switch(lng){
6+
case "en":
7+
$(".lng-en").slideDown();
8+
break;
9+
case "fr":
10+
$(".lng-fr").slideDown();
11+
break;
12+
case "gr":
13+
$(".lng-gr").slideDown();
14+
break;
15+
default:
16+
$(".lng-en").slideDown();
17+
}

0 commit comments

Comments
 (0)