matomowp
/
demosite
2
0
Fork 0
Code Pull Requests Releases Activity

Demo for MatomoWP

This commit is contained in:
Alexander Yakovlev 2018-12-17 20:25:01 +07:00
parent 4b3b2cd032
commit 1ec970d4b5
8 changed files with 26 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
about.html Normal file
View File

@ -0,0 +1,13 @@
<h2>What?</h2>
<p>We are one of the few agents in the area that specialize in both sales and lettings. Whether you’re looking to sell or let your home, we are the people to come to.</p>
<p>If you’re a home owner looking to move on, we will come and carry out a free, no-obligation valuation on your property at your earliest convenience. If you choose to use us to market your property, our services don’t end there. We also advise you on the best way to present it so that you get a quick sale or rental at the right price.</p>
<img src="https://loremflickr.com/320/240" />
<p>If you’re looking for a home then pop in and see us or Contact Us. We market all our properties on the big property websites and our own site. We may have something new on our books that you could see first before we start our marketing. You don’t want to miss out on your perfect home!</p>
<ul>
<li><b>Flexible</b> - Get started by only specifying a list of pages or customize animations, default pages and caching!</li>
<li><b>Fast</b> - Load all pages upfront or load on the fly; a simple $.get() is used to get content with minimal proccessing!</li>
<li><b>Clean</b> - Replace long HTML files broken up into sections and verbose JS to do the simple task of switching content!</li>
<li><b>Couldn't find an adjective...</b> - Uses only Javascript and HTML so it can be uploaded like any other static site!</li>
</ul>

20
demo/about.html
View File

@ -1,20 +0,0 @@
<h2>What?</h2>
Pagify is a simple jQuery plugin that simply replaces the contents of a div with content from other html files.
<h2>Why?</h2>
Pagify does nothing that couldn't be done before with good 'ol jQuery.<br />
It does however, provide the following advantages:<br />
<ul>
<li><b>Simple</b> - include pagify.js, create a div, make one jQuery call and you're done!</li>
<li><b>Lightweight</b> - pagify.js is far less than 100 lines of code, well commented and easy to understand and extend!</li>
<li><b>Flexible</b> - Get started by only specifying a list of pages or customize animations, default pages and caching!</li>
<li><b>Fast</b> - Load all pages upfront or load on the fly; a simple $.get() is used to get content with minimal proccessing!</li>
<li><b>Clean</b> - Replace long HTML files broken up into sections and verbose JS to do the simple task of switching content!</li>
<li><b>Couldn't find an adjective...</b> - Uses only Javascript and HTML so it can be uploaded like any other static site!</li>
</ul>
I created Pagify because I noticed that my code for single page sites was getting ugly and I was reusing most of the jQuery code for page switching.
<h2>Who?</h2>
Created by <a href='http://twitter.com/ChrisPolis'>@ChrisPolis</a>
...and you - <a href='https://github.com/cmpolis/Pagify'>Fork me on GitHub!</a>

41
demo/usage.html
View File

@ -1,41 +0,0 @@
<br />
View the source of this demo <a href="https://github.com/cmpolis/Pagify/tree/master/demo">here</a>. Or...
<h3>Create a <em>container</em> page:</h3>
<p>Load Pagify and jQuery:</p>
<pre>&lt;script src="jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="pagify.js" type="text/javascript"&gt;&lt;/script&gt;
</pre>
<p>Create a div that will contain page content:</p>
<pre>&lt;div id='page_holder' /&gt;</pre>
<p>Call <strong>pagify</strong> on the aforementioned div and pass in options. <em>The only required option is <code>pages</code>.</em></p>
<pre>$('#page_holder').pagify({
pages: ['home', 'about', 'contact'],
default: 'home' // The name of a page or null for an empty div
});
</pre>
<p>Link to other pages by linking to hashes of their page names:</p>
<pre>&lt;a href='#contact'&gt;Contact&lt;/a&gt;
&lt;a href='#about'&gt;About&lt;/a&gt;
...
</pre>
<h3>Write other pages</h3>
<p>Create content pages in the same directory as the container as <code>[page_name].html</code></p>
<p><em>i.e. about.html</em></p>
<pre>&lt;h1&gt;About us&lt;/h1&gt;
&lt;p&gt;This is an about page!&lt;/p&gt;
</pre>

13
demo/index.html → index.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="style.css" type="text/css">
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../pagify.js" type="text/javascript"></script>
<script src="pagify.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function() {
@ -19,21 +19,20 @@
});
</script>
<title>Pagify.js Demo</title>
<title>Matomo-WP Demo</title>
</head>
<body>
<div id='container'>
<header>
<h1>Pagify.js<small>A jQuery plugin for single page web sites</small></h1>
<header>
<h1>MatomoWP<small>Matomo and Wordpress plugin tandem for web site analytics</small></h1>
<nav>
<a href='#about'>About</a>
<a href='#usage'>Usage</a>
<a href='#options'>Options</a>
<a href='https://github.com/cmpolis/Pagify'>Github</a>
</nav>
</header>
</header>
<div id='page_holder' />
</div>
</body>

0
demo/jquery-1.6.4.min.js → jquery-1.6.4.min.js vendored
View File

0
demo/options.html → options.html
View File

4
demo/style.css → style.css
View File

@ -50,3 +50,7 @@ a:hover {
#options li {
margin-bottom: 10px;
}
img {
float: left;
margin-right: 2em;
}

3
usage.html Normal file
View File

@ -0,0 +1,3 @@
<h3>Hi there.</h3>
<p>If you require assistance in arranging a survey or would like to discuss a mortgage with a financial advisor please let us know. We are partnered with a highly reputable and established company who offer both of these. A member of their team is based in our office to provide an easy and convenient service to you.</p>
<p>If you sell your home with us and use our partner company for either a survey or to arrange your mortgage then we will reduce our fees by 0.5%.</p>