Skip to content

Commit

Permalink
added screenshot to banner
Browse files Browse the repository at this point in the history
  • Loading branch information
cpmpercussion committed Sep 6, 2018
1 parent da1a9fc commit da927db
Show file tree
Hide file tree
Showing 5 changed files with 18 additions and 26 deletions.
13 changes: 3 additions & 10 deletions docs/_config.yml
Original file line number Diff line number Diff line change
@@ -1,13 +1,3 @@
# Welcome to Jekyll!
#
# This config file is meant for settings that affect your whole blog, values
# which you are expected to set up once and rarely edit after that. If you find
# yourself editing this file very often, consider using Jekyll's data files
# feature for the data you need to update frequently.
#
# For technical reasons, this file is *NOT* reloaded automatically when you use
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.

# Site settings
# These are used to personalize your new site. If you look in the HTML files,
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
Expand All @@ -23,6 +13,9 @@ twitter_username: cpmpercussion
github_username: cpmpercussion
signup_form: https://goo.gl/forms/voANy3EZzRqPJVLG3
app_store_link: https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1186738854&mt=8
app_id: 1186738854
demovideo: n2xSHoB2_uY


# Build settings
markdown: kramdown
Expand Down
3 changes: 2 additions & 1 deletion docs/_includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@
<meta name="theme-color" content="#ffffff">
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta name="apple-itunes-app" content="app-id={{ site.app_id }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- <script src="{{ site.baseurl }}/js/skel.min.js"></script> -->
<!-- <script src="{{ site.baseurl }}/js/skel-layers.min.js"></script> -->
<script src="{{ site.baseurl }}/js/skel-skel-layers.min.js"></script>
Expand Down
3 changes: 2 additions & 1 deletion docs/_includes/header.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<!-- Header -->
<header id="header" class="skel-layers-fixed">
<h1><a href="{{ site.baseurl }}/" class="site-title" >{{ site.title }}</a></h1>

<h1><img src="{{ site.baseurl }}/images/microjam-logo-icon.png" height="30" style="vertical-align:middle"> <a href="{{ site.baseurl }}/" class="site-title" >{{ site.title }}</a></h1>
<nav id="nav">
<ul>
<li><a href="{{ site.baseurl }}/">Home</a></li>
Expand Down
19 changes: 9 additions & 10 deletions docs/_layouts/landing-page.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,19 +8,18 @@
{% include /header.html %}

<!-- Banner -->
<section id="banner">
<section id="banner" style="padding-top:3em; padding-bottom:3em">
<div class="inner">
<h2>MicroJam</h2>
<p>A social app for making music.</p>
<ul class="actions">
<li><a href="{{ site.app_store_link }}" class="button big special">Get the app!</a></li>
<li><a href="#howitworks" class="button big alt">Learn More</a></li>
</ul>
<h2>MicroJam</h2>
<p><img src="{{ site.baseurl }}/images/microjam-title.png" class="image fit" style="max-width:500px; display:inline;"></p>
<p>A social app for making music.</p>
<ul class="actions">
<li><a href="{{ site.app_store_link }}" class="button big special">Get the app!</a></li>
<li><a href="#howitworks" class="button big alt">Learn More</a></li>
</ul>
</div>
</section>
{{ content }}
{% include /footer.html %}

</body>

</html>
</html>
6 changes: 2 additions & 4 deletions docs/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
---
layout: landing-page
demovideo: n2xSHoB2_uY
---

<section id="howitworks" class="wrapper style1">
Expand Down Expand Up @@ -40,7 +39,7 @@ demovideo: n2xSHoB2_uY
<h2>In action</h2>
</header>
<div class="container">
{% include youtubePlayer.html id=page.demovideo %}
{% include youtubePlayer.html id=site.demovideo %}
</div>
</section>

Expand All @@ -51,7 +50,6 @@ demovideo: n2xSHoB2_uY
<section>
<h2>About MicroJam</h2>
<a href="#" class="image fit"><img src="{{ site.baseurl }}/images/microjam-demo.jpg" alt="" /></a>
<!-- <a href="#" class="image"><img src="{{ site.baseurl }}/images/microjam.gif" alt="" /></a> -->
<p>MicroJam is a mobile app for sharing tiny touch-screen performances. Mobile applications that streamline creativity and social interaction have enabled a very broad audience to develop their own creative practices. While these apps have been very successful in visual arts (particularly photography), the idea of social music-making has not had such a broad impact. MicroJam includes several novel performance concepts intended to engage the casual music maker and inspired by current trends in social creativity support tools. Touch-screen performances are limited to 5-seconds, instrument settings are posed as sonic "filters", and past performances are arranged as a timeline with replies and layers. These features of MicroJam encourage users not only to perform music more frequently, but to engage with others in impromptu ensemble music making.</p>
</section>
</div>
Expand Down Expand Up @@ -86,4 +84,4 @@ demovideo: n2xSHoB2_uY
</div>
</div>
</div>
</section>
</section>

0 comments on commit da927db

Please sign in to comment.