You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airavata.apache.org by nd...@apache.org on 2016/04/05 16:52:01 UTC
[07/14] airavata-site git commit: First of many website redesign
iterations.
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/fonts/fontawesome-webfont.woff
----------------------------------------------------------------------
diff --git a/content/fonts/fontawesome-webfont.woff b/content/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..628b6a5
Binary files /dev/null and b/content/fonts/fontawesome-webfont.woff differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/get-involved.html
----------------------------------------------------------------------
diff --git a/content/get-involved.html b/content/get-involved.html
new file mode 100644
index 0000000..e68dc99
--- /dev/null
+++ b/content/get-involved.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+ <meta name="theme-color" content="#2196F3">
+ <title>Apache Airavata</title>
+
+ <!-- CSS -->
+ <link href="min/plugin-min.css" type="text/css" rel="stylesheet">
+ <link href="min/custom-min.css" type="text/css" rel="stylesheet" >
+</head>
+<body id="top">
+
+<!-- Pre Loader -->
+<div id="loader-wrapper">
+ <div id="loader"></div>
+
+ <div class="loader-section section-left"></div>
+ <div class="loader-section section-right"></div>
+
+</div>
+<!--Navigation-->
+ <div class="navbar-fixed">
+ <nav id="nav_f" class="default_color" role="navigation">
+ <div class="container">
+ <div class="nav-wrapper">
+ <a href="index.html" id="logo-container" class="brand-logo">
+ <img src="img/airavata-brand.png" width="50%" />
+ </a>
+ <ul class="right hide-on-med-and-down">
+ <li><a href="about.html">About</a></li>
+ <li><a href="development.html">Development</a></li>
+ <li>
+ <a href="learning.html">Learning</a>
+ <!--
+ <ul class="">
+ <li>Test1</li>
+ <li>Test1</li>
+ <li>Test1</li>
+ </ul>
+ -->
+ </li>
+ <li class="active"><a href="get-involved.html">Get Involved</a></li>
+ <li><a href="community.html">Community</a></li>
+ </ul>
+ <ul id="nav-mobile" class="side-nav">
+ <li class="active"><a href="about.html">About</a></li>
+ <li><a href="development.html">Development</a></li>
+ <li><a href="learning.html">Learning</a></li>
+ <li><a href="get-involved.html">Get Involved</a></li>
+ <li><a href="community.html">Community</a></li>
+ </ul>
+ <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+ </div>
+ </div>
+ </nav>
+</div>
+
+
+<!--Hero-->
+<div class="section no-pad-bot">
+
+<main><div class="container">
+
+ <div class="row">
+
+ <div class="col s12 m4">
+ <img src="img/contribute.png" width="100%">
+ </div>
+ <div class="col s12 m8">
+ <h3>Contribute to OpenSource</h3>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here'.</p>
+ </div>
+
+ <div class="col s12 m9 l10 push-m3 push-l2">
+ <div id="legacy" class="section scrollspy">
+ <h2 class="header">Who can contribute</h2>
+ <h4>Title 1</h4>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+ </p>
+
+ <h4>Title 2</h4>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+ </p>
+
+ <h4>Title 3</h4>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+ </p>
+ </div>
+
+ <div id="roadmap" class="section scrollspy">
+ <h2 class="header">How to contribute</h2>
+ <h4>Title 4</h4>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+ </p>
+
+ <h4>Title 5</h4>
+ <p>
+ It is a loncg established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like)
+ </p>
+ </div>
+ </div>
+
+ <div class="col hide-on-small-only m3 l2 pull-m9 pull-l10">
+ <div class="toc-wrapper pinned">
+ <div style="height: 1px;">
+ <ul class="section table-of-contents">
+ <li><a href="#legacy">Who can contribute</a></li>
+ <li><a href="#roadmap">How to contribute</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</div>
+
+
+ </main>
+
+
+<!--Footer-->
+<footer id="contact" class="page-footer default_color scrollspy">
+ <div class="container">
+ <div class="row">
+ <div class="col l6 s12">
+
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Apache</h5>
+ <ul>
+ <li><a class="white-text" href="http://www.apache.org/" target="_blank">Apache Server Foundation</a></li>
+ <li><a class="white-text" href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+ <li><a class="white-text" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
+ <li><a class="white-text" href="http://www.apache.org/security/" target="_blank">Security</a></li>
+ </ul>
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Quick Links</h5>
+ <ul>
+ <li><a class="white-text" href="development.html#downloads">Downloads</a></li>
+ <li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
+ <li><a class="white-text" href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Issue Tracking</a></li>
+ </ul>
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Students</h5>
+ <ul>
+ <li><a class="white-text" href="http://www.joashpereira.com/">Become a Contributor</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">GSoC Projects</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+ </ul>
+ </div>
+
+ <!-- Social Links not required for now.
+ <div class="col l3 s12">
+ <h5 class="white-text">Social</h5>
+ <ul>
+ <li>
+ <a class="white-text" href="https://www.facebook.com/joash.c.pereira">
+ <i class="small fa fa-facebook-square white-text"></i>
+ </a>
+ </li>
+ <li>
+ <a class="white-text" href="https://github.com/joashp">
+ <i class="small fa fa-github-square white-text"></i>
+ </a>
+ </li>
+ <li>
+ <a class="white-text" href="https://www.linkedin.com/in/joashp">
+ <i class="small fa fa-linkedin-square white-text"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ -->
+ </div>
+ </div>
+ <div class="footer-copyright default_color">
+ <div class="container">
+ Copyright © 2016
+ </div>
+ </div>
+</footer>
+
+ <!-- Scripts-->
+ <script src="min/plugin-min.js"></script>
+ <script src="min/custom-min.js"></script>
+
+ </body>
+</html>
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasa.ini
----------------------------------------------------------------------
diff --git a/content/img/.picasa.ini b/content/img/.picasa.ini
new file mode 100644
index 0000000..61168ee
--- /dev/null
+++ b/content/img/.picasa.ini
@@ -0,0 +1,18 @@
+[hero-image-short.jpg]
+backuphash=19259
+moddate=c9449110a786d101
+[hero-image.jpg]
+backuphash=5299
+crop=rect64(54a4ffbbe1f5)
+filters=crop64=1,54a4ffbbe1f5;TwoTone=1,-95.000000,4.678363,9.356726,00004488,fff3f8ff;
+[keyboard.jpg]
+backuphash=29077
+rotate=rotate(0)
+crop=rect64(ab50ccffffcccc)
+filters=crop64=1,ab50ccffffcccc;TwoTone=1,-1.666666,20.000000,0.000000,00004488,fff3f8ff;
+[documentation.jpg]
+backuphash=31287
+[tutorials.jpg]
+backuphash=63832
+[contribute.jpg]
+backuphash=36552
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/.picasa.ini
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/.picasa.ini b/content/img/.picasaoriginals/.picasa.ini
new file mode 100644
index 0000000..a343488
--- /dev/null
+++ b/content/img/.picasaoriginals/.picasa.ini
@@ -0,0 +1,30 @@
+[hero-image-short.jpg]
+filters=TwoTone=1,-41.666668,19.298244,0.000000,00004488,ffdbfcff;
+moddate=d8daf35ba886d101
+width=884
+height=497
+textactive=0
+[documentation.jpg]
+filters=TwoTone=1,0.000000,20.000000,0.000000,00004488,fff3f8ff;
+moddate=eb3f1df0c786d101
+width=512
+height=341
+textactive=0
+[documentation.1.jpg]
+filters=TwoTone=1,0.000000,20.000000,0.000000,00004488,fff3f8ff;
+moddate=389c5352c886d101
+width=512
+height=341
+textactive=0
+[tutorials.jpg]
+filters=TwoTone=1,16.111107,20.000000,0.000000,00004488,fff3f8ff;
+moddate=57c04f00c986d101
+width=512
+height=341
+textactive=0
+[contribute.jpg]
+filters=TwoTone=1,0.000000,20.000000,0.000000,00004488,fff3f8ff;
+moddate=f76647ded086d101
+width=512
+height=341
+textactive=0
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/contribute.jpg
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/contribute.jpg b/content/img/.picasaoriginals/contribute.jpg
new file mode 100644
index 0000000..b543236
Binary files /dev/null and b/content/img/.picasaoriginals/contribute.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/documentation.1.jpg
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/documentation.1.jpg b/content/img/.picasaoriginals/documentation.1.jpg
new file mode 100644
index 0000000..855f161
Binary files /dev/null and b/content/img/.picasaoriginals/documentation.1.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/documentation.jpg
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/documentation.jpg b/content/img/.picasaoriginals/documentation.jpg
new file mode 100644
index 0000000..a0b46e0
Binary files /dev/null and b/content/img/.picasaoriginals/documentation.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/hero-image-short.jpg
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/hero-image-short.jpg b/content/img/.picasaoriginals/hero-image-short.jpg
new file mode 100644
index 0000000..08af5a5
Binary files /dev/null and b/content/img/.picasaoriginals/hero-image-short.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/.picasaoriginals/tutorials.jpg
----------------------------------------------------------------------
diff --git a/content/img/.picasaoriginals/tutorials.jpg b/content/img/.picasaoriginals/tutorials.jpg
new file mode 100644
index 0000000..5a7199b
Binary files /dev/null and b/content/img/.picasaoriginals/tutorials.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/Genapp-icon-512x512.png
----------------------------------------------------------------------
diff --git a/content/img/Genapp-icon-512x512.png b/content/img/Genapp-icon-512x512.png
new file mode 100644
index 0000000..e996a20
Binary files /dev/null and b/content/img/Genapp-icon-512x512.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/Seagrid-icon-512x512.png
----------------------------------------------------------------------
diff --git a/content/img/Seagrid-icon-512x512.png b/content/img/Seagrid-icon-512x512.png
new file mode 100644
index 0000000..04592af
Binary files /dev/null and b/content/img/Seagrid-icon-512x512.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/Ultrascan-icon-512x512.png
----------------------------------------------------------------------
diff --git a/content/img/Ultrascan-icon-512x512.png b/content/img/Ultrascan-icon-512x512.png
new file mode 100644
index 0000000..f138ce5
Binary files /dev/null and b/content/img/Ultrascan-icon-512x512.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/airavata-architecture.png
----------------------------------------------------------------------
diff --git a/content/img/airavata-architecture.png b/content/img/airavata-architecture.png
new file mode 100644
index 0000000..e268eb5
Binary files /dev/null and b/content/img/airavata-architecture.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/airavata-brand.png
----------------------------------------------------------------------
diff --git a/content/img/airavata-brand.png b/content/img/airavata-brand.png
new file mode 100644
index 0000000..6050e18
Binary files /dev/null and b/content/img/airavata-brand.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/airavata-logo-shadow.png
----------------------------------------------------------------------
diff --git a/content/img/airavata-logo-shadow.png b/content/img/airavata-logo-shadow.png
new file mode 100644
index 0000000..06aea97
Binary files /dev/null and b/content/img/airavata-logo-shadow.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/airavata-logo.png
----------------------------------------------------------------------
diff --git a/content/img/airavata-logo.png b/content/img/airavata-logo.png
new file mode 100644
index 0000000..65b3999
Binary files /dev/null and b/content/img/airavata-logo.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/contribute.jpg
----------------------------------------------------------------------
diff --git a/content/img/contribute.jpg b/content/img/contribute.jpg
new file mode 100644
index 0000000..319b48e
Binary files /dev/null and b/content/img/contribute.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/contribute.png
----------------------------------------------------------------------
diff --git a/content/img/contribute.png b/content/img/contribute.png
new file mode 100644
index 0000000..ed3ae8a
Binary files /dev/null and b/content/img/contribute.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/course.jpg
----------------------------------------------------------------------
diff --git a/content/img/course.jpg b/content/img/course.jpg
new file mode 100644
index 0000000..ebc790f
Binary files /dev/null and b/content/img/course.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/documentation.jpg
----------------------------------------------------------------------
diff --git a/content/img/documentation.jpg b/content/img/documentation.jpg
new file mode 100644
index 0000000..e6d9684
Binary files /dev/null and b/content/img/documentation.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/export/.picasa.ini
----------------------------------------------------------------------
diff --git a/content/img/export/.picasa.ini b/content/img/export/.picasa.ini
new file mode 100644
index 0000000..383f77a
--- /dev/null
+++ b/content/img/export/.picasa.ini
@@ -0,0 +1,3 @@
+[Picasa]
+P2category=Exported Pictures
+date=42454.529190
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/export/hero-image.jpg
----------------------------------------------------------------------
diff --git a/content/img/export/hero-image.jpg b/content/img/export/hero-image.jpg
new file mode 100644
index 0000000..57309d7
Binary files /dev/null and b/content/img/export/hero-image.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/hero-image-short-1.jpg
----------------------------------------------------------------------
diff --git a/content/img/hero-image-short-1.jpg b/content/img/hero-image-short-1.jpg
new file mode 100644
index 0000000..d29169a
Binary files /dev/null and b/content/img/hero-image-short-1.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/hero-image.jpg
----------------------------------------------------------------------
diff --git a/content/img/hero-image.jpg b/content/img/hero-image.jpg
new file mode 100644
index 0000000..fa2dc1c
Binary files /dev/null and b/content/img/hero-image.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/img/.picasa.ini
----------------------------------------------------------------------
diff --git a/content/img/img/.picasa.ini b/content/img/img/.picasa.ini
new file mode 100644
index 0000000..2e19cfe
--- /dev/null
+++ b/content/img/img/.picasa.ini
@@ -0,0 +1,3 @@
+[Picasa]
+P2category=Exported Pictures
+date=42454.469699
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/img/hero-image-001.jpg
----------------------------------------------------------------------
diff --git a/content/img/img/hero-image-001.jpg b/content/img/img/hero-image-001.jpg
new file mode 100644
index 0000000..1dadbdb
Binary files /dev/null and b/content/img/img/hero-image-001.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/img/hero-image.jpg
----------------------------------------------------------------------
diff --git a/content/img/img/hero-image.jpg b/content/img/img/hero-image.jpg
new file mode 100644
index 0000000..a5ea92e
Binary files /dev/null and b/content/img/img/hero-image.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/img/img/.picasa.ini
----------------------------------------------------------------------
diff --git a/content/img/img/img/.picasa.ini b/content/img/img/img/.picasa.ini
new file mode 100644
index 0000000..bb1b74a
--- /dev/null
+++ b/content/img/img/img/.picasa.ini
@@ -0,0 +1,3 @@
+[Picasa]
+P2category=Exported Pictures
+date=42454.588333
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/img/img/hero-image.jpg
----------------------------------------------------------------------
diff --git a/content/img/img/img/hero-image.jpg b/content/img/img/img/hero-image.jpg
new file mode 100644
index 0000000..fa2dc1c
Binary files /dev/null and b/content/img/img/img/hero-image.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/keyboard-001.jpg
----------------------------------------------------------------------
diff --git a/content/img/keyboard-001.jpg b/content/img/keyboard-001.jpg
new file mode 100644
index 0000000..aec5ae3
Binary files /dev/null and b/content/img/keyboard-001.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/keyboard.jpg
----------------------------------------------------------------------
diff --git a/content/img/keyboard.jpg b/content/img/keyboard.jpg
new file mode 100644
index 0000000..673a159
Binary files /dev/null and b/content/img/keyboard.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo-story/Airavata-logo.png
----------------------------------------------------------------------
diff --git a/content/img/logo-story/Airavata-logo.png b/content/img/logo-story/Airavata-logo.png
new file mode 100644
index 0000000..7926c7e
Binary files /dev/null and b/content/img/logo-story/Airavata-logo.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo-story/add-cloud-services.png
----------------------------------------------------------------------
diff --git a/content/img/logo-story/add-cloud-services.png b/content/img/logo-story/add-cloud-services.png
new file mode 100644
index 0000000..dec508a
Binary files /dev/null and b/content/img/logo-story/add-cloud-services.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo-story/gateway.png
----------------------------------------------------------------------
diff --git a/content/img/logo-story/gateway.png b/content/img/logo-story/gateway.png
new file mode 100644
index 0000000..8fe5a16
Binary files /dev/null and b/content/img/logo-story/gateway.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo-story/many-components.png
----------------------------------------------------------------------
diff --git a/content/img/logo-story/many-components.png b/content/img/logo-story/many-components.png
new file mode 100644
index 0000000..8d9c8f9
Binary files /dev/null and b/content/img/logo-story/many-components.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo-story/one-component.png
----------------------------------------------------------------------
diff --git a/content/img/logo-story/one-component.png b/content/img/logo-story/one-component.png
new file mode 100644
index 0000000..753f928
Binary files /dev/null and b/content/img/logo-story/one-component.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/logo.png
----------------------------------------------------------------------
diff --git a/content/img/logo.png b/content/img/logo.png
new file mode 100644
index 0000000..6fd0c82
Binary files /dev/null and b/content/img/logo.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/one-component.png
----------------------------------------------------------------------
diff --git a/content/img/one-component.png b/content/img/one-component.png
new file mode 100644
index 0000000..795feb2
Binary files /dev/null and b/content/img/one-component.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/parallax1.png
----------------------------------------------------------------------
diff --git a/content/img/parallax1.png b/content/img/parallax1.png
new file mode 100644
index 0000000..0d2f78a
Binary files /dev/null and b/content/img/parallax1.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/project2.jpeg
----------------------------------------------------------------------
diff --git a/content/img/project2.jpeg b/content/img/project2.jpeg
new file mode 100644
index 0000000..941aa67
Binary files /dev/null and b/content/img/project2.jpeg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/project3.png
----------------------------------------------------------------------
diff --git a/content/img/project3.png b/content/img/project3.png
new file mode 100644
index 0000000..3e8d3c4
Binary files /dev/null and b/content/img/project3.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/project4.jpg
----------------------------------------------------------------------
diff --git a/content/img/project4.jpg b/content/img/project4.jpg
new file mode 100644
index 0000000..a93a464
Binary files /dev/null and b/content/img/project4.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/project5.png
----------------------------------------------------------------------
diff --git a/content/img/project5.png b/content/img/project5.png
new file mode 100644
index 0000000..adf8163
Binary files /dev/null and b/content/img/project5.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/project6.jpeg
----------------------------------------------------------------------
diff --git a/content/img/project6.jpeg b/content/img/project6.jpeg
new file mode 100644
index 0000000..da4d4a3
Binary files /dev/null and b/content/img/project6.jpeg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/seagridworkflow-darktext.png
----------------------------------------------------------------------
diff --git a/content/img/seagridworkflow-darktext.png b/content/img/seagridworkflow-darktext.png
new file mode 100644
index 0000000..4162078
Binary files /dev/null and b/content/img/seagridworkflow-darktext.png differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/img/tutorials.jpg
----------------------------------------------------------------------
diff --git a/content/img/tutorials.jpg b/content/img/tutorials.jpg
new file mode 100644
index 0000000..fce6048
Binary files /dev/null and b/content/img/tutorials.jpg differ
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/index.html
----------------------------------------------------------------------
diff --git a/content/index.html b/content/index.html
new file mode 100644
index 0000000..84b5dd5
--- /dev/null
+++ b/content/index.html
@@ -0,0 +1,381 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
+ <meta name="theme-color" content="#2196F3">
+ <title>Apache Airavata</title>
+
+ <!-- CSS -->
+ <link href="min/plugin-min.css" type="text/css" rel="stylesheet">
+ <link href="min/custom-min.css" type="text/css" rel="stylesheet" >
+</head>
+<body id="top" >
+
+<!-- Pre Loader -->
+<div id="loader-wrapper">
+ <div id="loader"></div>
+
+ <div class="loader-section section-left"></div>
+ <div class="loader-section section-right"></div>
+
+</div>
+<!--Navigation-->
+ <div class="navbar-fixed">
+ <nav id="nav_f" class="default_color" role="navigation">
+ <div class="container">
+ <div class="nav-wrapper">
+ <a href="#" id="logo-container" class="brand-logo">
+ <img src="img/airavata-brand.png" width="50%" />
+ </a>
+ <ul class="right hide-on-med-and-down">
+ <li><a href="about.html">About</a></li>
+ <li><a href="development.html">Development</a></li>
+ <li>
+ <a href="learning.html">Learning</a>
+ <!--
+ <ul class="">
+ <li>Test1</li>
+ <li>Test1</li>
+ <li>Test1</li>
+ </ul>
+ -->
+ </li>
+ <li><a href="get-involved.html">Get Involved</a></li>
+ <li><a href="community.html">Community</a></li>
+ </ul>
+ <ul id="nav-mobile" class="side-nav">
+ <li><a href="about.html">About</a></li>
+ <li><a href="development.html">Development</a></li>
+ <li><a href="learning.html">Learning</a></li>
+ <li><a href="get-involved.html">Get Involved</a></li>
+ <li><a href="community.html">Community</a></li>
+ </ul>
+ <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
+ </div>
+ </div>
+ </nav>
+</div>
+
+<!--Hero-->
+<div class="section no-pad-bot" id="index-banner">
+ <div class="container">
+ <h1 class="center">
+ <img src="img/airavata-logo-shadow.png" style="width:30%;"/>
+ </h1>
+ <h5 class="center white-text">
+ Apache Airavata<sup>TM</sup> is a software framework which is dominantly used to build Web-based science gateways and assist to compose, manage, execute and monitor large scale applications and workflows on distributed computing resources such as local clusters, supercomputers, national grids, academic and commercial clouds.
+ </h5><br/><br/>
+ <div class="row">
+ <div class="col s12 m2 l2 offset-m4 offset-l4">
+ <a class="waves-effect waves-light center btn-large default_color" href="learning.html"><i class="material-icons right"></i>Learn</a>
+ </div>
+ <div class="col s12 m4 l4">
+ <a class="waves-effect waves-light center btn-large default_color" href="get-involved.html"><i class="material-icons right"></i>Get Involved</a>
+ </div>
+ </div><br/>
+ <!--<h1 class="text_h center header cd-headline letters type">
+ <span>I Love</span>
+ <span class="cd-words-wrapper waiting">
+ <b class="is-visible">creating</b>
+ <b>designing</b>
+ <b>developing</b>
+ </span>
+ </h1>-->
+ </div>
+</div>
+
+<!--Intro and service-->
+<div id="intro" class="section scrollspy">
+ <div class="container">
+ <div class="row">
+ <div class="col s12">
+ <h2 class="center header text_h2"><span class="span_h2"> Features </span></h2>
+ <h4 class="center header text_h2"><span class="span_h4"> What to look for in Airavata </span></h4>
+ <div class="divider"></div>
+ </div>
+
+ <div class="col s12 m4 l4">
+ <div class="center promo promo-example">
+ <i class="mdi-action-dashboard"></i>
+ <h5 class="promo-caption">Middleware</h5>
+ <p class="light center">Scientific gateway developers user Airavata as their middleware layer between job submissions and grid systems. Airavata's supports long running applications and workflows on distributed computational resources.</p>
+ </div>
+ </div>
+ <div class="col s12 m4 l4">
+ <div class="center promo promo-example">
+ <i class="mdi-hardware-desktop-windows"></i>
+ <h5 class="promo-caption">Desktop and Web Interfaces</h5>
+ <p class="light center">interface components to manage applications, workflows and generated data. The interface also provides monitoring and organizing research executions.</p>
+ </div>
+ </div>
+ <div class="col s12 m4 l4">
+ <div class="center promo promo-example">
+ <i class="mdi-social-group"></i>
+ <h5 class="promo-caption">Monitor Jobs and Retrieve User Analytics</h5>
+ <p class="light center">Science Gateways can view detailed information and manage jobs executed, resources accessed, applications used by their users.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<!--Work-->
+<div class="section scrollspy" id="work">
+ <div class="container">
+ <h2 class="header center text_b">Built with Airavata </h2>
+ <div class="col s12">
+ <h4 class="center header text_h2"><span class="span_h4">Many scientific gateways are already using Airavata to
+ perform computations. Get started with Airavata now.</span></h4>
+ <div class="divider"></div>
+ </div>
+ <div class="row">
+
+ <div class="col s12 m4 l4">
+ <div class="card">
+ <div class="card-image waves-effect waves-block waves-light">
+ <img class="activator" src="img/Genapp-icon-512x512.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">Genapp <i class="mdi-navigation-more-vert right"></i></span>
+ <p><a href="#">Project link</a></p>
+ </div>
+ <div class="card-reveal">
+ <span class="card-title grey-text text-darken-4">Genapp <i class="mdi-navigation-close right"></i></span>
+ <p>Here is some more information about this project that is only revealed once clicked on.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="col s12 m4 l4">
+ <div class="card">
+ <div class="card-image waves-effect waves-block waves-light">
+ <img class="activator" src="img/Seagrid-icon-512x512.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">SEAGrid<i class="mdi-navigation-more-vert right"></i></span>
+ <p><a href="#">Project link</a></p>
+ </div>
+ <div class="card-reveal">
+ <span class="card-title grey-text text-darken-4">SEAGrid <i class="mdi-navigation-close right"></i></span>
+ <p>Here is some more information about this project that is only revealed once clicked on.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col s12 m4 l4">
+ <div class="card">
+ <div class="card-image waves-effect waves-block waves-light">
+ <img class="activator" src="img/Ultrascan-icon-512x512.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">Ultrascan<i class="mdi-navigation-more-vert right"></i></span>
+ <p><a href="#">Project link</a></p>
+ </div>
+ <div class="card-reveal">
+ <span class="card-title grey-text text-darken-4">Ultrascan<i class="mdi-navigation-close right"></i></span>
+ <p>Here is some more information about this project that is only revealed once clicked on.</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+</div>
+
+<!--Parallax-->
+<div class="parallax-container valign-wrapper">
+ <div class="parallax"><img src="img/keyboard-001.jpg"></div>
+ <div class="row valign">
+ <h3 class="center white-text"> Get Started with Airavata! Try a demo</h3>
+ <div class="col s2 offset-s5">
+ <a class="waves-effect waves-light center btn-large default_color"><i class="material-icons right"></i>DEMO</a>
+ </div>
+ </div>
+
+</div>
+
+<!--Team-->
+<!--
+<div class="section scrollspy" id="team">
+ <div class="container">
+ <h2 class="header text_b"> Our Team </h2>
+ <div class="row">
+ <div class="col s12 m3">
+ <div class="card card-avatar">
+ <div class="waves-effect waves-block waves-light">
+ <img class="activator" src="img/avatar1.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">Flash <br/>
+ <small><em><a class="red-text text-darken-1" href="#">CEO</a></em></small></span>
+ <p>
+ <a class="blue-text text-lighten-2" href="https://www.facebook.com/joash.c.pereira">
+ <i class="fa fa-facebook-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://twitter.com/im_joash">
+ <i class="fa fa-twitter-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://plus.google.com/u/0/+JoashPereira">
+ <i class="fa fa-google-plus-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://www.linkedin.com/in/joashp">
+ <i class="fa fa-linkedin-square"></i>
+ </a>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="col s12 m3">
+ <div class="card card-avatar">
+ <div class="waves-effect waves-block waves-light">
+ <img class="activator" src="img/avatar2.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">Cat Woman<br/>
+ <small><em><a class="red-text text-darken-1" href="#">Designer</a></em></small>
+ </span>
+ <p>
+ <a class="blue-text text-lighten-2" href="https://www.facebook.com/joash.c.pereira">
+ <i class="fa fa-facebook-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://twitter.com/im_joash">
+ <i class="fa fa-twitter-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://plus.google.com/u/0/+JoashPereira">
+ <i class="fa fa-google-plus-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://www.linkedin.com/in/joashp">
+ <i class="fa fa-linkedin-square"></i>
+ </a>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="col s12 m3">
+ <div class="card card-avatar">
+ <div class="waves-effect waves-block waves-light">
+ <img class="activator" src="img/avatar3.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">
+ Capt. America <br/>
+ <small><em><a class="red-text text-darken-1" href="#">CMO</a></em></small></span>
+ <p>
+ <a class="blue-text text-lighten-2" href="https://www.facebook.com/joash.c.pereira">
+ <i class="fa fa-facebook-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://twitter.com/im_joash">
+ <i class="fa fa-twitter-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://plus.google.com/u/0/+JoashPereira">
+ <i class="fa fa-google-plus-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://www.linkedin.com/in/joashp">
+ <i class="fa fa-linkedin-square"></i>
+ </a>
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="col s12 m3">
+ <div class="card card-avatar">
+ <div class="waves-effect waves-block waves-light">
+ <img class="activator" src="img/avatar4.png">
+ </div>
+ <div class="card-content">
+ <span class="card-title activator grey-text text-darken-4">Robin<br/>
+ <small><em><a class="red-text text-darken-1" href="#">Developer</a></em></small></span>
+ <p>
+ <a class="blue-text text-lighten-2" href="https://www.facebook.com/joash.c.pereira">
+ <i class="fa fa-facebook-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://twitter.com/im_joash">
+ <i class="fa fa-twitter-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://plus.google.com/u/0/+JoashPereira">
+ <i class="fa fa-google-plus-square"></i>
+ </a>
+ <a class="blue-text text-lighten-2" href="https://www.linkedin.com/in/joashp">
+ <i class="fa fa-linkedin-square"></i>
+ </a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+-->
+
+<!--Footer-->
+<footer id="contact" class="page-footer default_color scrollspy">
+ <div class="container">
+ <div class="row">
+ <div class="col l6 s12">
+
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Apache</h5>
+ <ul>
+ <li><a class="white-text" href="http://www.apache.org/" target="_blank">Apache Server Foundation</a></li>
+ <li><a class="white-text" href="http://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+ <li><a class="white-text" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">Become a Sponsor</a></li>
+ <li><a class="white-text" href="http://www.apache.org/security/" target="_blank">Security</a></li>
+ </ul>
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Quick Links</h5>
+ <ul>
+ <li><a class="white-text" href="development.html#downloads">Downloads</a></li>
+ <li><a class="white-text" href="learning.html#documentation">Documentation</a></li>
+ <li><a class="white-text" href="https://issues.apache.org/jira/browse/airavata/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel" target="_blank">Issue Tracking</a></li>
+ </ul>
+ </div>
+ <div class="col m4 s12">
+ <h5 class="white-text">Students</h5>
+ <ul>
+ <li><a class="white-text" href="http://www.joashpereira.com/">Become a Contributor</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">GSoC Projects</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+ <li><a class="white-text" href="http://www.joashpereira.com/blog">--</a></li>
+ </ul>
+ </div>
+
+ <!-- Social Links not required for now.
+ <div class="col l3 s12">
+ <h5 class="white-text">Social</h5>
+ <ul>
+ <li>
+ <a class="white-text" href="https://www.facebook.com/joash.c.pereira">
+ <i class="small fa fa-facebook-square white-text"></i>
+ </a>
+ </li>
+ <li>
+ <a class="white-text" href="https://github.com/joashp">
+ <i class="small fa fa-github-square white-text"></i>
+ </a>
+ </li>
+ <li>
+ <a class="white-text" href="https://www.linkedin.com/in/joashp">
+ <i class="small fa fa-linkedin-square white-text"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ -->
+ </div>
+ </div>
+ <div class="footer-copyright default_color">
+ <div class="container">
+ Copyright © 2016
+ </div>
+ </div>
+</footer>
+
+
+ <!-- Scripts-->
+ <script src="min/plugin-min.js"></script>
+ <script src="min/custom-min.js"></script>
+
+ </body>
+</html>
http://git-wip-us.apache.org/repos/asf/airavata-site/blob/7509c6b8/content/js/init.js
----------------------------------------------------------------------
diff --git a/content/js/init.js b/content/js/init.js
new file mode 100644
index 0000000..3a46386
--- /dev/null
+++ b/content/js/init.js
@@ -0,0 +1,272 @@
+(function($){
+ $(function(){
+
+ $('.button-collapse').sideNav();
+ $('.scrollspy').scrollSpy();
+
+ /*** Animate word ***/
+
+ //set animation timing
+ var animationDelay = 2500,
+ //loading bar effect
+ barAnimationDelay = 3800,
+ barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
+ //letters effect
+ lettersDelay = 50,
+ //type effect
+ typeLettersDelay = 150,
+ selectionDuration = 500,
+ typeAnimationDelay = selectionDuration + 800,
+ //clip effect
+ revealDuration = 600,
+ revealAnimationDelay = 1500;
+
+ initHeadline();
+
+
+ function initHeadline() {
+ singleLetters($('.cd-headline.letters').find('b'));
+ animateHeadline($('.cd-headline'));
+ }
+
+ function singleLetters($words) {
+ $words.each(function(){
+ var word = $(this),
+ letters = word.text().split(''),
+ selected = word.hasClass('is-visible');
+ for (i in letters) {
+ if(word.parents('.rotate-2').length > 0) letters[i] = '<em>' + letters[i] + '</em>';
+ letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>': '<i>' + letters[i] + '</i>';
+ }
+ var newLetters = letters.join('');
+ word.html(newLetters).css('opacity', 1);
+ });
+ }
+
+ function animateHeadline($headlines) {
+ var duration = animationDelay;
+ $headlines.each(function(){
+ var headline = $(this);
+
+ if(headline.hasClass('loading-bar')) {
+ duration = barAnimationDelay;
+ setTimeout(function(){ headline.find('.cd-words-wrapper').addClass('is-loading') }, barWaiting);
+ } else if (headline.hasClass('clip')){
+ var spanWrapper = headline.find('.cd-words-wrapper'),
+ newWidth = spanWrapper.width() + 10
+ spanWrapper.css('width', newWidth);
+ } else if (!headline.hasClass('type') ) {
+ //assign to .cd-words-wrapper the width of its longest word
+ var words = headline.find('.cd-words-wrapper b'),
+ width = 0;
+ words.each(function(){
+ var wordWidth = $(this).width();
+ if (wordWidth > width) width = wordWidth;
+ });
+ headline.find('.cd-words-wrapper').css('width', width);
+ };
+
+ //trigger animation
+ setTimeout(function(){ hideWord( headline.find('.is-visible').eq(0) ) }, duration);
+ });
+ }
+
+ function hideWord($word) {
+ var nextWord = takeNext($word);
+
+ if($word.parents('.cd-headline').hasClass('type')) {
+ var parentSpan = $word.parent('.cd-words-wrapper');
+ parentSpan.addClass('selected').removeClass('waiting');
+ setTimeout(function(){
+ parentSpan.removeClass('selected');
+ $word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
+ }, selectionDuration);
+ setTimeout(function(){ showWord(nextWord, typeLettersDelay) }, typeAnimationDelay);
+
+ } else if($word.parents('.cd-headline').hasClass('letters')) {
+ var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
+ hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
+ showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
+
+ } else if($word.parents('.cd-headline').hasClass('clip')) {
+ $word.parents('.cd-words-wrapper').animate({ width : '2px' }, revealDuration, function(){
+ switchWord($word, nextWord);
+ showWord(nextWord);
+ });
+
+ } else if ($word.parents('.cd-headline').hasClass('loading-bar')){
+ $word.parents('.cd-words-wrapper').removeClass('is-loading');
+ switchWord($word, nextWord);
+ setTimeout(function(){ hideWord(nextWord) }, barAnimationDelay);
+ setTimeout(function(){ $word.parents('.cd-words-wrapper').addClass('is-loading') }, barWaiting);
+
+ } else {
+ switchWord($word, nextWord);
+ setTimeout(function(){ hideWord(nextWord) }, animationDelay);
+ }
+ }
+
+ function showWord($word, $duration) {
+ if($word.parents('.cd-headline').hasClass('type')) {
+ showLetter($word.find('i').eq(0), $word, false, $duration);
+ $word.addClass('is-visible').removeClass('is-hidden');
+
+ } else if($word.parents('.cd-headline').hasClass('clip')) {
+ $word.parents('.cd-words-wrapper').animate({ 'width' : $word.width() + 10 }, revealDuration, function(){
+ setTimeout(function(){ hideWord($word) }, revealAnimationDelay);
+ });
+ }
+ }
+
+ function hideLetter($letter, $word, $bool, $duration) {
+ $letter.removeClass('in').addClass('out');
+
+ if(!$letter.is(':last-child')) {
+ setTimeout(function(){ hideLetter($letter.next(), $word, $bool, $duration); }, $duration);
+ } else if($bool) {
+ setTimeout(function(){ hideWord(takeNext($word)) }, animationDelay);
+ }
+
+ if($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) {
+ var nextWord = takeNext($word);
+ switchWord($word, nextWord);
+ }
+ }
+
+ function showLetter($letter, $word, $bool, $duration) {
+ $letter.addClass('in').removeClass('out');
+
+ if(!$letter.is(':last-child')) {
+ setTimeout(function(){ showLetter($letter.next(), $word, $bool, $duration); }, $duration);
+ } else {
+ if($word.parents('.cd-headline').hasClass('type')) { setTimeout(function(){ $word.parents('.cd-words-wrapper').addClass('waiting'); }, 200);}
+ if(!$bool) { setTimeout(function(){ hideWord($word) }, animationDelay) }
+ }
+ }
+
+ function takeNext($word) {
+ return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
+ }
+
+ function takePrev($word) {
+ return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
+ }
+
+ function switchWord($oldWord, $newWord) {
+ $oldWord.removeClass('is-visible').addClass('is-hidden');
+ $newWord.removeClass('is-hidden').addClass('is-visible');
+ }
+
+ $('.button-collapse').sideNav({
+ menuWidth: 240, // Default is 240
+ closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
+ });
+
+ $('.parallax').parallax();
+
+ var card = document.querySelectorAll('.card-work');
+ var transEndEventNames = {
+ 'WebkitTransition' : 'webkitTransitionEnd',
+ 'MozTransition' : 'transitionend',
+ 'transition' : 'transitionend'
+ },
+ transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
+
+ function addDashes(name) {
+ return name.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); });
+ }
+
+ function getPopup(id) {
+ return document.querySelector('.popup[data-popup="' + id + '"]');
+ }
+
+ function getDimensions(el) {
+ return el.getBoundingClientRect();
+ }
+
+ function getDifference(card, popup) {
+ var cardDimensions = getDimensions(card),
+ popupDimensions = getDimensions(popup);
+
+ return {
+ height: popupDimensions.height / cardDimensions.height,
+ width: popupDimensions.width / cardDimensions.width,
+ left: popupDimensions.left - cardDimensions.left,
+ top: popupDimensions.top - cardDimensions.top
+ }
+ }
+
+ function transformCard(card, size) {
+ return card.style[Modernizr.prefixed('transform')] = 'translate(' + size.left + 'px,' + size.top + 'px)' + ' scale(' + size.width + ',' + size.height + ')';
+ }
+
+ function hasClass(elem, cls) {
+ var str = " " + elem.className + " ";
+ var testCls = " " + cls + " ";
+ return(str.indexOf(testCls) != -1) ;
+ }
+
+ function closest(e) {
+ var el = e.target || e.srcElement;
+ if (el = el.parentNode) do { //its an inverse loop
+ var cls = el.className;
+ if (cls) {
+ cls = cls.split(" ");
+ if (-1 !== cls.indexOf("card-work")) {
+ return el;
+ break;
+ }
+ }
+ } while (el = el.parentNode);
+ }
+
+ function scaleCard(e) {
+ var el = closest(e);
+ var target = el,
+ id = target.getAttribute('data-popup-id'),
+ popup = getPopup(id);
+
+ var size = getDifference(target, popup);
+
+ target.style[Modernizr.prefixed('transitionDuration')] = '0.5s';
+ target.style[Modernizr.prefixed('transitionTimingFunction')] = 'cubic-bezier(0.4, 0, 0.2, 1)';
+ target.style[Modernizr.prefixed('transitionProperty')] = addDashes(Modernizr.prefixed('transform'));
+ target.style['borderRadius'] = 0;
+
+ transformCard(target, size);
+ onAnimated(target, popup);
+ onPopupClick(target, popup);
+ }
+
+ function onAnimated(card, popup) {
+ card.addEventListener(transEndEventName, function transitionEnded() {
+ card.style['opacity'] = 0;
+ popup.style['visibility'] = 'visible';
+ popup.style['zIndex'] = 9999;
+ card.removeEventListener(transEndEventName, transitionEnded);
+ });
+ }
+
+ function onPopupClick(card, popup) {
+ popup.addEventListener('click', function toggleVisibility(e) {
+ var size = getDifference(popup, card);
+
+ card.style['opacity'] = 1;
+ card.style['borderRadius'] = '6px';
+ hidePopup(e);
+ transformCard(card, size);
+ }, false);
+ }
+
+
+ function hidePopup(e) {
+ e.target.style['visibility'] = 'hidden';
+ e.target.style['zIndex'] = 2;
+ }
+
+ // [].forEach.call(card, function(card) {
+ // card.addEventListener('click', scaleCard, false);
+ // });
+
+ }); // end of document ready
+})(jQuery); // end of jQuery name space
\ No newline at end of file