This repository has been archived by the owner on Mar 20, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 75
/
index.php
92 lines (73 loc) · 4.03 KB
/
index.php
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<?php include('header.php'); ?>
<body id="home-page">
<!--<div id="credits">
<em>Connections</em> by <a target=_blank href='http://xie-emily.com'>Emily Xie</a>
</div>-->
<?php include('heading.php'); ?>
<!-- content sections -->
<div class="column-span">
<ul id="menu" class="top_menu" >
<li><a href="<?php echo getRoot(); ?>download/">Download</a></li>
<object width="0" height="0" type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="separator-design-element">*</object>
<li><a href="<?php echo getRoot(); ?>get-started/">Start</a></li>
<object width="0" height="0" type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="separator-design-element">*</object>
<li><a href="<?php echo getRoot(); ?>reference/">Reference</a></li>
<object width="0" height="0" type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="separator-design-element">*</object>
<li><a href="<?php echo getRoot(); ?>libraries/">Libraries</a></li>
<object width="0" height="0" type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="separator-design-element">*</object>
<li><a href="<?php echo getRoot(); ?>tutorials/">Learn</a></li>
<object width="0" height="0" type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="separator-design-element">*</object>
<li><a href="<?php echo getRoot(); ?>contribute/">Contribute</a></li>
</ul>
<section id="home">
<!--
<div class='focus_blue'>
<p><a href='http://goo.gl/forms/vJYdqTQVdS'>Call for artists and coders: help us make our community video!</a></p>
</div>
-->
<p><a href="http://hello.p5js.org">Hello!</a> p5.js is a JavaScript library that starts with the original goal of
<a href="http://processing.org">Processing</a>, to make coding accessible
for artists, designers, educators, and beginners, and reinterprets this for today’s web.
</p>
<p>Using the original metaphor of a software sketchbook, p5.js has a full set of
drawing functionality. However, you’re not limited
to your drawing canvas, you can think of your whole browser page as your sketch!
For this, p5.js has addon <a href="libraries/">libraries</a> that make it
<a href="http://hello.p5js.org">
easy to interact</a> with other HTML5
objects, including text, input, video, webcam, and sound.</p>
<p>p5.js is a new interpretation, not an emulation or port, and it is in active development.
An official editing environment is coming soon, as well as many more features!</p>
</section>
<?php include('footer.php'); ?>
</div><!-- end column-span -->
<!-- outside of column for footer to go across both -->
<p class="clearfix"> </p>
<object type="image/svg+xml" data="img/thick-asterisk-alone.svg" id="asterisk-design-element">
*<!-- to do: add fallback image in CSS -->
</object>
<?php include('end.php'); ?>
<!--<iframe frameBorder='0' id='home-sketch-frame' src='./p5_featured/emily_xie_connections/index.html'></iframe>-->
<!-- <div id='home-sketch-frame'></div> -->
<!--<script src='./p5_featured/LeslieRuckman_RainbowPixelGrow/sketch.js'></script>-->
<script type='text/javascript'>
$(function() {
$('body, #home').css('pointer-events', 'none');
$('iframe').css('pointer-events', 'auto');
$('a').css('pointer-events', 'auto');
// Microsoft Edge and IE appear to have a bug whereby
// CSS pointer-events don't do anything on purely inline elements.
// This means that almost all our links will be inaccessible, so
// we'll force them to be styled as inline-block on affected browsers.
// This does result in a few visual artifacts, but it's better than
// having completely inaccessible links.
// http://stackoverflow.com/a/33505753/2422398
var EDGE_IE_REGEX = /(?:\b(MS)?IE\s+|\bTrident\/7\.0;.*\s+rv:|\bEdge\/)(\d+)/;
if (EDGE_IE_REGEX.test(navigator.userAgent)) {
$('a').css('display', 'inline-block');
}
});
</script>
</body>
</html>