-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
71 lines (69 loc) · 4.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://apps.mypalmbeachpost.com/unmedley/css/site.css">
<link rel="stylesheet" href="http://apps.mypalmbeachpost.com/unmedley/css/UnMedley-1.0.css">
</head>
<body>
<!--____________________________________________PALM BEACH POST NAV ______________________________________________-->
<div id='customNav'>
<a href="http://www.mypalmbeachpost.com" title="www.mypalmbeachpost.com">
<img src="http://apps.mypalmbeachpost.com/potreport/Content/images/pbp-logo.png" name="www.mypalmbeachpost.com" alt="Palm Beach Post">
</a>
</div>
<div id="hedSection">
<img class="fullwidthImg underNav" src='http://apps.mypalmbeachpost.com/unmedley/img/unmedley.jpg'/>
<h1 id="hed">Meddling with Medley</h1>
</div>
<!--____________________________________________ARTICLE BEGINS HERE___________________________________________-->
<div class="content-section">
<div id="article">
<!--___________________________________________SECTION 1________________________________________-->
<div class="section">
<p><span class="dropcap">W</span>elcome to UnMedley - the cure to all your Medley woes. Or at least a few of them.
<p>This is a framework built to function on top of Medley to help you quickly create custom presentations for your stories. UnMedley, at its heart, is a CSS/JS framework. But you don't have to know CSS or javascript to churn out stories in custom layouts.</p>
<p>All you need are some HTML chops and/or crazy copy-paste skills.</p>
<p>Please note that this is a work in progress. You can add new templates or use existing ones. You can contribute to the template library or pretend this is just magic. </p>
<p>You can help me write help documents or just yell at me when it doesn't work. Use it as you please.</p>
</div>
<!--___________________________________________SECTION 2________________________________________-->
<div class="section">
<h2 class="header">Steps to greatness</h2>
<p>Just follow these instructions to make your own awesome story presentation.</p>
<ul>
<li>Pick a template from the list below. (More templates coming soon)</li>
<li>Follow instructions on the template page to download a file and update it with your story.</li>
<li>Create a flatpage in Medley with the "Return to site header and footer" option selected. (This may vary for different templates.)</li>
<li>Copy everything between the HTML body tags into the flatpage content section.</li>
<li>Save and test on all devices.</li>
<li>Brag about your story on social media.</li>
</ul>
</div>
<!--___________________________________________SECTION 3________________________________________-->
<div class="section">
<h2 class="header">Templates</h2>
<p>Unmedley is a template library. Pick a look you want for your story from the given templates and get started</p>
<div class="templateThumb">
<h3>Fullwidth-section Template.</h3>
<a href="./fullwidth-section.html"><img src="http://apps.mypalmbeachpost.com/unmedley/img/template1.jpg"/></a>
</div>
<div class="templateThumb">
<h3>More coming soon...</h3>
<a href="./fullwidth-section.html"><img src="http://apps.mypalmbeachpost.com/unmedley/img/template1.jpg"/></a>
</div>
</div>
<!--___________________________________________SECTION 3________________________________________-->
<div class="section">
<h2 class="header">Questions?</h2>
<p>If you need help getting started, find me at <a href="http://kavyasukumar.com">KavyaSukumar.com</a></p>
<p>If you would like to contribute to this project, please send a pull request. Here is the <a href="https://github.com/kavyasukumar/UnMedley">Github Repo.</a></p>
</div>
</div>
</div>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//underscorejs.org/underscore-min.js"></script>
<script src="//apps.mypalmbeachpost.com/unmedley/js/UnMedley-1.0.js"></script>
</body>