ADD: base version

kholiavko-roman · Apr 20, 2017 · 2e47bb8 · 2e47bb8
commit 2e47bb8
Show file tree

Hide file tree

Showing 16 changed files with 997 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,45 @@
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff:
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/dictionaries
+.idea/vcs.xml
+.idea/jsLibraryMappings.xml
+
+# Sensitive or high-churn files:
+.idea/dataSources.ids
+.idea/dataSources.xml
+.idea/dataSources.local.xml
+.idea/sqlDataSources.xml
+.idea/dynamic.xml
+.idea/uiDesigner.xml
+
+# Gradle:
+.idea/gradle.xml
+.idea/libraries
+
+# Mongo Explorer plugin:
+.idea/mongoSettings.xml
+
+## File-based project format:
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+/out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
diff --git a/.idea/.name b/.idea/.name
diff --git a/.idea/copyright/profiles_settings.xml b/.idea/copyright/profiles_settings.xml
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
diff --git a/.idea/just-side-nav.iml b/.idea/just-side-nav.iml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Kholiavko Roman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+# just-side-nav
+JustSideNav - high performance (60fps) side navigation, written on ES6.
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Just SideNav</title>
+	<meta content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=0" name="viewport">
+	<meta name="theme-color" content="#52b6ea">
+	<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
+	<link rel="stylesheet" href="../dist/css/style.css">
+</head>
+<body>
+
+<div style="display: none">
+	<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+		<defs>
+			<symbol id="icon-close" viewBox="0 0 24 24">
+				<title>close</title>
+				<path d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
+			</symbol>
+			<symbol id="icon-menu" viewBox="0 0 24 24">
+				<title>menu</title>
+				<path d="M3 6h18v2.016h-18v-2.016zM3 12.984v-1.969h18v1.969h-18zM3 18v-2.016h18v2.016h-18z"></path>
+			</symbol>
+		</defs>
+	</svg>
+</div>
+
+<header class="header">
+	<button class="js-menu-show header__menu-toggle">
+		<svg class="icon">
+			<use xlink:href="#icon-menu"></use>
+		</svg>
+	</button>
+</header>
+
+<main>
+	<section style="background: url(https://images.unsplash.com/photo-1482406611936-43ea538e39d4?dpr=2&auto=format&fit=crop&w=1500&h=994&q=80&cs=tinysrgb&crop=&bg=) no-repeat center center;background-size: cover; background-attachment: fixed; padding-bottom: 25%;">
+
+	</section>
+</main>
+
+<aside class="js-side-nav side-nav">
+	<nav class="js-side-nav-wrap side-nav__wrap">
+		<button class="js-menu-hide side-nav__hide">
+			<svg class="icon">
+				<use xlink:href="#icon-close"></use>
+			</svg>
+		</button>
+		<header class="side-nav__header">
+			<div class="side-nav__header-brand">
+				<div class="side-nav__header-brand-name">JS</div>
+				<div class="side-nav__header-brand-slogan">Just Script</div>
+			</div>
+			<div class="side-nav__header-title">
+				Just Side Nav
+			</div>
+		</header>
+		<ul class="js-side-nav-content side-nav__content">
+			<li>
+				<a href="#">One</a>
+			</li>
+			<li>
+				<a href="#">Two</a>
+				<ul>
+					<li>
+						<a href="#">One</a>
+					</li>
+					<li>
+						<a href="#">Two</a>
+					</li>
+					<li>
+						<a href="#">Three</a>
+					</li>
+				</ul>
+			</li>
+			<li>
+				<a href="#">Three</a>
+			</li>
+			<li>
+				<a href="#">Four</a>
+			</li>
+		</ul>
+	</nav>
+</aside>
+
+
+<script src="../sources/js/just-side-nav-es6.js"></script>
+</body>
+</html>
diff --git a/dist/css/expand_more.svg b/dist/css/expand_more.svg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# just-side-nav
		JustSideNav - high performance (60fps) side navigation, written on ES6.