Skip to content

Instantly share code, notes, and snippets.

@Pedro147

Pedro147/MyWeb_clone

Created March 23, 2014 10:37
Show Gist options
  • Save Pedro147/9721371 to your computer and use it in GitHub Desktop.
Save Pedro147/9721371 to your computer and use it in GitHub Desktop.
Download ZIP
style_clone css / MyWeb_clone html
Raw
MyWeb_clone
<html>
<link rel="stylesheet" type="text/css" href="style_clone.css">
<div id="header"><img style="position:absolute; top:1px; left:42px; width:301px; height:90px;border-right: 1px solid #000000" SRC="http://www.pedroduino.com/wp-content/uploads/2014/02/cropped-cropped-Pedroduino_1-logo1.png"></div>
<head>
</head>
<title>Pedro's Webpage Forays</title>
<link rel="shortcut icon" href="http://www.pedrosdigitalsolutions.com/wp-content/MyWeb.ico" type="image/x-icon">
</head>
<body>
<ul>
<ul>
<li><a href="#home">About Pedro</a></li>
<li><a href="#news">7 Segment LED circuits</a></li>
<li><a href="#contact">Bigger Parola for Arduino</a></li>
<li><a href="#about">Norton Photos</a></li>
</ul>
<div id="container"></div>
<div id="content">
<img style="position:absolute; top:560px; left:217px; width:183px; height:213px" src="http://www.pedroduino.com/wp-content/uploads/2014/02/Hardware-Parola-Icon.png">
<h1>Modular hardware and library for scrolling text displays</h1>
<h3 style="text-align:center">Excerpt from main Parola for Arduino Codeplex site</h3>
<p><b>
“Parola is a modular scrolling text display using MAX7219/21 LED matrix display controllers. The display is made up of any number of identical modules that are plugged together to create a wider/longer display.
Text left, right or center justification in the display
Text scrolling, entry and exit effects
Control display parameters and animation speed
Support for hardware SPI interface
The aim was to create a ‘lego-like’ approach to LED matrix display, using standard 8×8 LED matrices. The software supports this flexibility through a scalable approach that only requires the definition of the number of modules to adapt existing software to a new configuration”
</b>
</p>
<p>Marco has kindly allowed me to post my files for a Bigger Parola version of his original PCB’s which used 32mm LED matrices, on the Codeplex Parola for Arduino site The Bigger Parola boards use the 60mm 8 x 8 LED matrices.
<img style="position:absolute; top:560px; left:217px; width:183px; height:213px" src="http://www.pedroduino.com/wp-content/uploads/2014/02/Hardware-Parola-Icon.png">
<div style="position: absolute; top:560px; left:560px; width: 460px; height:233px">
<h3 style="text-align:left">
Included in the Downloads section of the Parola site are</h3
<dl>
<dt><strong> Gerbers seeedstudio Bigger Parola V1.zip</strong>
<dd>Complete set of gerber files for seeedstudio
<dt><strong> Pedro147</strong>
<dd> Eagle library for 6omm LED matrix
<dt><strong> Bigger ParolaV1.brd</strong>
<dd>Eagle files for Bigger Parola V1 PCB
<dt><strong> Bigger ParolaV1.sch</strong>
<dt>Eagle schematic for Bigger Parola V1 PCB
</dl>
<p>
<div style="position: absolute; top:260px; left:-350px; width:395px; height:365px">
<pre>
<span style="color: #7E7E7E;">//&nbsp;http://www.youtube.com/watch?v=cVLRlafQInk</span>
<span style="color: #CC6600;">const</span> <span style="color: #CC6600;">int</span> switchPin = 9;
<span style="color: #CC6600;">int</span> ledPin = (2,3,4,5,6,7,8);
<span style="color: #7E7E7E;">//&nbsp;the&nbsp;debounce&nbsp;time;&nbsp;increase&nbsp;if&nbsp;the&nbsp;output&nbsp;flick</span>
<span style="color: #CC6600;">boolean</span> lastButton = <span style="color: #006699;">LOW</span>;
<span style="color: #CC6600;">boolean</span> currentButton = <span style="color: #006699;">LOW</span>;
<span style="color: #CC6600;">boolean</span> ledOn = <span style="color: #CC6600;">false</span>;
<span style="color: #CC6600;">void</span> <span style="color: #CC6600;"><b>setup</b></span>() {
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(switchPin, <span style="color: #006699;">INPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(2, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(3, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(4, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(5, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(6, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(7, <span style="color: #006699;">OUTPUT</span>);
&nbsp;&nbsp;<span style="color: #CC6600;">pinMode</span>(8, <span style="color: #006699;">OUTPUT</span>);
}
<span style="color: #CC6600;">boolean</span> debounce(<span style="color: #CC6600;">boolean</span> last)
</pre>
</div>
</p>
</div>
</p>
</body>
</html>
Raw
style_clone css
ul {
list-style-type: none;
margin: 0 25px;
overflow: hidden;
padding: 0;
}
li {float: left;}
a:link,a:visited {
background-color: #C2C2A3;
border-right: 1px solid #FFFFFF;
color: #000000;
display: block;
font-weight: 500;
padding: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 250px;
}
a:hover,a:active {background-color: #66665D;}
body {
background: #FFFFFF;
margin: 0;
padding: 0;
}
a {color: #2B2BF6;}
#container {
background: #DDDDDD;
margin: 0;
max-width: 100%;
padding: 0;
}
#header {
background: #FFBAFF;
border-radius: 0;
border: 1px solid #000000;
height: 91px;
margin: 0 40px;
max-width: 100%;
padding: 0;
}
#content {
background: none repeat scroll 0 0 #FFF0FF;
border-radius: 10px;
border: 1px solid #000000;
float: left;
height: 1600px;
margin: 20px 40px;
max-width: 100%;
padding: 0;
}
#content p {
font-family: Arial;
font-size: 12px
min-width: 715px;
padding: 10px 80px;
padding: 20px 20px;
text-align: justify;
}
h1 {
left: 110px;
position: relative;
top: 0;
}
a {margin: 0;}
#footer {
background: #C2C2A3;
border-radius: 0;
border: 1px solid #000000;
clear: both;
float: 0;
height: 70px;
margin: 0 40px;
padding: 0;
width: 1005px;
}
ul {
list-style-type: none;
margin: 0 25px;
overflow: hidden;
padding: 0;
}
li {float: left;}
a:link,a:visited {
background-color: #C2C2A3;
border-right: 1px solid #FFFFFF;
color: #000000;
display: block;
font-weight: 500;
padding: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 283px;
}
a:hover,a:active {background-color: #66665D;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment