Merge pull request #5 from HeesungB/master

ethcon.kr's English web page #3

assets/css/main.css

@@ -3787,6 +3787,10 @@ input, select, textarea {
 			margin-top: -3.5rem;
 		}
 
+		#header.pad {
+			padding: 0 3rem;
+		}
+
 		#header > .navPanelToggle {
 			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
 			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, top 0.2s ease-in-out, right 0.2s ease-in-out;
@@ -4282,3 +4286,8 @@ input, select, textarea {
 		box-shadow: 0 0 6rem 0 rgba(0, 0, 0, 0.125);
 		visibility: visible;
 	}
+
+.languageImage {
+	vertical-align: middle;
+	margin-right: 5px;
+}

assets/js/jquery.cookie.js

@@ -0,0 +1,147 @@
+/*!
+ * Javascript Cookie v1.5.1
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2014 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	var jQuery;
+	if (typeof define === 'function' && define.amd) {
+		// AMD (Register as an anonymous module)
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// Node/CommonJS
+		try {
+			jQuery = require('jquery');
+		} catch(e) {}
+		module.exports = factory(jQuery);
+	} else {
+		// Browser globals
+		var _OldCookies = window.Cookies;
+		var api = window.Cookies = factory(window.jQuery);
+		api.noConflict = function() {
+			window.Cookies = _OldCookies;
+			return api;
+		};
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return api.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return api.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(api.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return api.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = api.raw ? s : parseCookieValue(s);
+		return isFunction(converter) ? converter(value) : value;
+	}
+
+	function extend() {
+		var key, options;
+		var i = 0;
+		var result = {};
+		for (; i < arguments.length; i++) {
+			options = arguments[ i ];
+			for (key in options) {
+				result[key] = options[key];
+			}
+		}
+		return result;
+	}
+
+	function isFunction(obj) {
+		return Object.prototype.toString.call(obj) === '[object Function]';
+	}
+
+	var api = function (key, value, options) {
+
+		// Write
+
+		if (arguments.length > 1 && !isFunction(value)) {
+			options = extend(api.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {},
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all. Also prevents odd result when
+			// calling "get()".
+			cookies = document.cookie ? document.cookie.split('; ') : [],
+			i = 0,
+			l = cookies.length;
+
+		for (; i < l; i++) {
+			var parts = cookies[i].split('='),
+				name = decode(parts.shift()),
+				cookie = parts.join('=');
+
+			if (key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	api.get = api.set = api;
+	api.defaults = {};
+
+	api.remove = function (key, options) {
+		// Must not alter options, thus extending a fresh object...
+		api(key, '', extend(options, { expires: -1 }));
+		return !api(key);
+	};
+
+	if ( $ ) {
+		$.cookie = api;
+		$.removeCookie = api.remove;
+	}
+
+	return api;
+}));

assets/js/main.js

@@ -28,6 +28,20 @@
 			window.setTimeout(function() {
 				$body.removeClass('is-preload');
 			}, 100);
+
+			//Get current cookie value
+			let languageCookie = Cookies.get('language');
+
+			if(languageCookie == undefined){
+				setKorean();
+			}else if(languageCookie == 'koreanVersion'){
+				setKorean();
+			}else if(languageCookie == 'englishVersion'){
+				setEnglish();
+			}
+
+
+
 		});
 
 	// Dropdowns.
@@ -97,4 +111,27 @@
 				}).trigger('resize.ie-banner-fix');
 			}
 
-})(jQuery);
+
+
+})(jQuery);
+
+//Language change
+function setLanguage(selectedLanguage){
+	if(selectedLanguage == 'koreanVersion'){
+		setKorean();
+	}else if(selectedLanguage == 'englishVersion'){
+		setEnglish();
+	}
+}
+
+function setKorean(){
+	Cookies.set('language', 'koreanVersion');
+	$('.koreanVersion').css('display','');
+	$('.englishVersion').css('display','none');
+}
+
+function setEnglish(){
+	Cookies.set('language', 'englishVersion');
+	$('.koreanVersion').css('display','none');
+	$('.englishVersion').css('display','');
+}

contributors.html

@@ -19,7 +19,7 @@
     <div id="wrapper">
 
       <!-- Header -->
-      <section id="header">
+      <section id="header" class="pad">
 
         <!-- Logo -->
         <a href="index.html" class="logo"><strong>이드콘 한국</strong> ethcon korea</a>
@@ -49,6 +49,14 @@
                   </li>
                 -->
               </ul>
+            </li>
+
+						<li>
+              <a href="#" class="icon fa-angle-down">Language</a>
+              <ul>
+								<li><a href="#" onClick="setLanguage('koreanVersion')"><img class="languageImage" src="images/kr.png"/>Korean</a></li>
+                <li><a href="#" onClick="setLanguage('englishVersion')"><img class="languageImage" src="images/us.png"/>English</a></li>
+              </ul>
             </li>
           </ul>
         </nav>
@@ -58,10 +66,15 @@
 			<!-- Section -->
 			<section class="wrapper style1">
 				<div class="inner">
-					<header class="major special">
+					<header class="major special koreanVersion">
 						<h1>기여자 명단</h1>
 						<p>성공적인 이드콘 개최를 위해 도움을 주신 분들과 지지해주신 커뮤니티 구성원 여러분들께 진심으로 감사를 표합니다.</p>
 					</header>
+
+					<header class="major special englishVersion">
+						<h1>Contributors</h1>
+						<p>We are sincerely grateful to those who have helped us to successfully host Ethcon, as well as community members who have supported us.</p>
+					</header>
 					<!--
 			 <div class="image main"><img src="images/pic04.jpg" alt="" /></div>
 					-->
@@ -121,6 +134,7 @@ <h3>이드콘 2019 후원문의</h3>
 			<script src="assets/js/jquery.dropotron.min.js"></script>
 			<script src="assets/js/jquery.scrollex.min.js"></script>
 			<script src="assets/js/jquery.scrolly.min.js"></script>
+			<script src="assets/js/jquery.cookie.js"></script>
 			<script src="assets/js/browser.min.js"></script>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>