Skip to content

Instantly share code, notes, and snippets.

@onetechgenius

onetechgenius/On Demand.markdown

Created May 1, 2016 18:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save onetechgenius/196f82bebff3b9cd0a705a97e2383d2a to your computer and use it in GitHub Desktop.
Save onetechgenius/196f82bebff3b9cd0a705a97e2383d2a to your computer and use it in GitHub Desktop.
Download ZIP
On Demand
Raw
index.html
<h>FUTURE<h>
<br>
<h1>READY</h1>
<br><h>MEDIA</h>
<div id="stripe">
<button id="reset">ONE-TECH-GENIUS</button>
<span id="message"></span>
<button class="mode">HARDWARE</button>
<button class="mode selected">SOFTWARE</button>
</div>
<script type="text/javascript" src="colour.js"></script>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="color: black; font-family: Verdana, Arial, Helvetica; font-size: 12px; width: 963px;">
<tbody>
<tr>
<td bgcolor="#FFFFFF" style="vertical-align: top;"><img border="0" height="70" src="https://mediacomcable.com/site/_img/spacer_1_1.gif" width="963">
</td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" style="vertical-align: top;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100px;">
<tbody>
<tr>
<td rowspan="4" style="font-size: 12px; vertical-align: top;">
<img border="0" height="106" src="https://mediacomcable.com/site/_img/spacer_1_1.gif" width="88">
</td>
<td colspan="2" style="font-size: 12px; vertical-align: top;">
<img border="0" height="54" src="https://mediacomcable.com/site/_img/spacer_1_1.gif" width="159">
</td>
<td rowspan="4" style="font-size: 12px; vertical-align: top;">
<img alt="TV &amp; Mov
s On Demand " border="0" height="429" src="https://mediacomcable.com/site/_img/pix_video_ondemand_01.jpg" width="491">
</td>
</tr>
<tr>
<td colspan="2" style="font-size: 12px; vertical-align: top;">
<img alt="your wish is on demand view what you want, when you want" border="0" height="190" src="https://mediacomcable.com/site/_img/title_video_ondemand_01.gif" width="295">
</td>
</tr>
<tr>
<td style="font-size: 12px; vertical-align: top;">
<br> ORDER YOUR CUSTOM TV PLAYER TODAY
<div class="container">
<div id="header">
<div class="row">
<div class="col-md-8 col-sm-8" id="logo">
<!-- if no language switch use classes col-md-12 col-sm-8 -->
<!-- Headline OR Logo -->
<h2>OneTechGenius</h2>
<!-- /Headline OR Logo -->
</div>
<div class="col-md-4 col-sm-4" id="language-switch">
<!-- if language switch active -->
<div class="form-horizontal">
<div class="form-group">
<form id="i18n" name="i18n">
<label class="col-sm-2 col-xs-1 control-label text-right" for="language" style="padding-top:2px"><i class=
"fa fa-2x fa-globe"></i></label>
<div class="col-sm-8 col-xs-4">
<select id="language" name="language" onchange="jQuery('#i18n').submit()">
<option value="da_DK">
Dansk
</option>
<option value="de_DE">
Deutsch
</option>
<option selected="selected" value="en_US">
English
</option>
<option value="es_ES">
Español
</option>
<option value="fr_FR">
Français
</option>
<option value="it_IT">
Italiano
</option>
<option value="ja_JP">
Japanese 日本語
</option>
<option value="bg">
български език
</option>
<option value="hr">
Hrvatski Jezik
</option>
<option value="cs">
Čeština
</option>
<option value="nl">
Nederlands
</option>
<option value="et">
Eesti
</option>
<option value="fi">
Suomi
</option>
<option value="el">
ελληνικά
</option>
<option value="hu">
Magyar
</option>
<option value="ga">
Gaeilge
</option>
<option value="lv">
Latviešu Valoda
</option>
<option value="lt">
Lietuvių Kalba
</option>
<option value="mt">
Malti
</option>
<option value="pl">
Język Polski
</option>
<option value="pt">
Português
</option>
<option value="ro">
Limba Română
</option>
<option value="sk">
Slovenčina
</option>
<option value="sl">
Slovenščina
</option>
<option value="sv">
Svenska
</option>
<option value="tr">
Türkçe
</option>
</select>
</div>
</form>
</div>
</div>
<!-- /if language switch active -->
</div>
</div>
</div>
<div id="intro">
</div>
<div class="col-md-12">
<div class="pull-right" style="margin-bottom: 15px;">
<a class="btn btn-sm btn-default has-tooltip pp-product-list-button" href="/" title="Back to Product List"><i class=
"fa fa-fw fa-caret-left"></i><i class=
"fa fa-fw fa-align-justify"></i></a> <a class="btn btn-sm btn-primary has-tooltip pp-view-cart-button" href="/cart/view" title="View Cart"><i class=
"fa fa-fw fa-shopping-cart"></i></a>
</div>
</div>
<div id="flexible">
<div class="row product">
<div class="col-md-6 col-sm-6">
<p><img src="https://d2beuh40lcdzfb.cloudfront.net/products/110201/400x400/images%20(2).jpeg?1460071407">
</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-sm-6">
<h3>Fire Stick w/voice remote (USA and USA Territories)
<small></small></h3>
<hr>
<table>
<tr>
<td style="font-size: 12px;
<div dir=" ltr " style="text-align: lestripe{
background: white;
height: 30px;
text-align: center;ft; " trbidi="on ">
<div class="col-md-12 ">
<p style="line-height: 20.8px; "><p>
The latest version of Amazon fire TV with 4K Ultra HD available but I have
access to purchasing directly from Amazon. Very soon we can provide all who
want a custom fire TV. Each custom setup is professionally done and comes
with 30+ premium applications found no where else. We work with developers
and creators of popular Android applications like &#39;ShowBox HD&#39;,
&#39;KODI&#39;, &#39;Mobdro Live TV&#39;, &#39;Stream HUB&#39;, &#39;IPTV
player&#39;, &#39;WSS Sports&#39; and much more.
<p><br />
<p> We install our custom launcher, this loads in place of Amazon&#39;s
launcher. Our launcher organizes and provides an easy access of all the
feature and various applications for all of your Live TV and sports, movies
and commercial free TV shows all in one simple yet advanced Android
UI.
<p><br />
<p> Another important and special feature is our custom mouse feature. Adding
this mouse option to the fire TV and fire TV stick gives the Amazon fire TV
remote more capabilities over previously incompatible applications and
setting.
<p><br />
<p> We also add a secondary internal settings application that provides for
access and control over Bluetooth settings. This is very useful because
without it the fire TV is only compatible with certain Bluetooth
controllers. With our added feature, we give the Amazon fire TV
compatibility with all Bluetooth devices and controllers.</p><br />
<p><br />
<p> Each custom player has more than just KODI, we provide two modified versions
of KODI with all the popular add-ons. We will automatically provide updated
IPTV premium playlists for live TV and sports. Three months of real-time
technical support are included for free. After 3 months, you can expect to
be an expert at using your new custom TV player, continued IPTV playlist
updates, and our quarterly newsletter with updated application downloads and
news about new features and updates. We will always provide email technical
support.
<p><br />
<p> Your purchase is non-refundable but you can expect wee are going to provide
developer backing and technical support whenever you need it. One thing we
expect is communication and patience from you when and if any questions or
issues arise. We provide you with a new and high quality hardware device
along side our well-developed and compatible software and applications. We
personally setup each device and provide custom applications and features
into one amazing, high quality all-in-one media entertainment system for any
home or business.
<p><br />
<p> On the Amazon Appstore and launcher paid side of the device, we&#39;ve added
a bunch of extra benefits. You can look forward to free access to Amazon
Prime movies, TV shows and music. We add many paid applications as well such
as AirTight application that makes the Amazon fire TV and fire TV stick into
a AppleTV AirPlay receiver. This means you can easily AirPlay and mirror
from your iOS iPhone and iPad to the fire TV/stick. Another application for
Chromecast emulation turns the fire TV/stick into a Chromecast receiver too.
Basically we add all the features Amazon left out and add all of the
applications and options that are not found anywhere else. On top of all
that we back your device with real technical support from OneTechGenius
Professionals!
<p><br />
<p> For under $200* you can look forward to endless free movies, TV shows,
music, games and much more. We give you something unique that within the
first month pays for itself as well as comes with apps and features worth
more than the cost of this entire purchase. Expect continued support and
updates for free and never worry or pay for anything ever again! We are here
to help you do what you enjoy, streaming TV, movies, music and more for
FREE!!
<p><br />
<p> *Price varies based on location for shipment and device
type.
<p><br />
<p> Breakdown of costs:
<p><br />
<p> Product Prices retail:
<p><br />
<p> Amazon fire TV stick (2nd gen. w/voice remote) $49.99 + tax
<p><br />
<p> Amazon Fire TV (2nd gen. w/4K ultra HD) $99.99 + tax
<p><br />
<p> Amazon Fire TV (2nd gen. w/4K ultra HD and Gaming controller) $139.99 +
tax
<p><br />
<p> tax estimate= 7-10%
<p><br />
<p> Shipping outside USA world wide: $26.99
<p><br />
<p> Shipping to anywhere in USA and US territories (eg Puerto Rico):
6.95
<p><br />
<p> Amazon fire TV stick Customization (2nd gen.) $59.99
<p><br />
<p> Amazon fire TV Customization (2nd gen.) 89.99
<p><br />
<p> (all custom products come with 3 months real-time direct support and
lifetime of email support. Updates to applications and IPTV playlists come
for the life of the product for free)
<p><br />
<p> TOTAL COSTS PER DEVICE AND LOCATION***
<p><br />
<p> fire TV (2nd gen)<p><br />
<p> Amazon fire TV (USA) $ 195.94**<p><br />
<p> Amazon fire TV (Outside USA) $215.98**
<p><br />
<p> **ADD: $39.99<p><br />
<p> Amazon fire TV w/game controller
<p><br />
<p> fire TV stick (2nd gen)<p><br />
<p> Amazon fire TV stick (USA) $116.93<p><br />
<p> Amazon fire TV stick (Outside USA) $136.97
<p><br />
<p> *** does not include 7 to 10% tax (depending on shipping location)</span>
</p>
<p style="line-height: 20.8px; ">List of Applications added to custom devices
( actual apps installed may vary from those listed due to future changes or
added features)</p>
<div style="line-height: 20.8px; ">
&nbsp;
</div>
<div style="line-height: 20.8px; ">
<p><br />
<p> A basic list of the main custom apps provided on our custom fireTV
sticks</span>
<u>Streamie Pro</u></b
<p><br />
<p> Google it</span>
<u>MediaRiver</u></b>
<p><br />
<p> One super amazing apps full of everything Media! All downloads are
free.</span>
<u>World&#39;s TV</u></b>
<p><br />
<p> NEW no description offered</span>
<u>Settings</u></b>
<p><br />
<p> Gain access to the real settings options of your Amazon fireTV stick
(Android OS 4.2.2) mod from a Android OS 4.0.4 settings APK. USE THIS APP
TO GAIN ACCESS TO BLUETOOTH SETTING M AKING ALL BLUETOOTH DEVICES NOW
COMPATIBLE.</span>
<u>Porn Hub</u></b>
<p><br />
<p> Adults Only 18+ (no bs one of the best apps for you know
what)</span>
<u>PlayBox HD</u></b>
<p><br />
<p> All Movies and TV Shows</span>
<u>Airtight</u></b>
<p><br />
<p> Turns the Amazon fireTV stick into a Airplay Receiver!!! Use your iOS
devices to send movies to your fireTV stick as though its an
AppleTV.</span>
<u>BubbleUPnP with transcoding</u></b>
<p><br />
<p> A must have for those file formats that need transcoding</span>
<u>Puffin Browser Pro</u></b>
<p><br />
<p> A must have browser for Android. Build in flash. Emulation screen server.
The Ultimate hookup!</span>
<u>Software Data Connection/Transfer</u></b>
<p><br />
<p> Another way to send and receive</span>
<u>Dazego</u></b>
*NEW*&nbsp;</b><p>
All
Movies and TV Shows</span>
<u>Mouse Toggle</u></b>
<p><br />
<p> An absolute game changer and a must have application for the Custom Amazon
fireTV stick and its remote control. When activated (PRESS PLAY/PAUSE
TWICE) this app give the AFTVS the ability to mouse around and click and on
apps and their buttons and setting that the firetv stick remote can not do
on its own.</span>
<u>Newest Movies HD</u></b>
<p><br />
<p> All Movies and TV Shows (FREE of course, all apps here are
free)</span>
<u>Good Player Pro</u></b>
<p><br />
<p> This video player plays it all</span>
<u>AllCast Receiver</u></b>
<p><br />
<p> Use with AllCast app on your cell/tablet to send files to your TV. (Works
well with IPTV, ShowBox, TV Portal etc.)</span>
<u>aMPdroid</u></b>
<p><br />
<p> Google it</span>
<u>TV Portal</u></b>
<p><br />
<p> All Movies and TV Shows</span>
<u>Mobdro</u></b>
<p><br />
<p> One of the very best and most up to date Live TV applications for Android
(Quality)</span>
<u>Rom Buddy</u></b>
<p><br />
<p> The ultimate directory of all games ever made A to Z of all games for each
emulator. Use with RetroArch (Use a bluetooth gaming controller is
recommended)</span>
<u>STB Emulator</u></b>
<p><br />
<p> Google it (super awesome) latest working version</span>
<u>Mag TV Live</u></b>
<p><br />
<p> Google it, no description offered</span>
<u>Liquid Bear</u></b>
<p><br />
<p> High Quality free music app. Must log in to use (simple log
in)</span>
<u>RetroArch</u></b>
<p><br />
<p> All in one emulator for all gaming systems. Atari to PS1 and everything in
between with BIOS included. Use with ROM buddy. &nbsp;(Use a bluetooth
gaming controller is recommended)</span>
<u>AirDroid</u></b>
<p><br />
<p> Google it for a description (This app especially on a rooted device is
literally one of the very best ever made.</span>
<u>Cordy 2</u></b>
<p><br />
<p> Gaming</span>
<u>Root Explorer</u></b>
<p><br />
<p> One of the best file managers ever made for Android (personal
opinion)</span>
<u>Spotify Connect</u></b>
<p><br />
<p> Spotify receiver application</span>
<u>Music World</u></b>
<p><br />
<p> One of the very best applications for Android, giving you all music FREE.
This app has been around a long time yet works perfectly!</span>
<u>ShowBox HD</u></b>
<p><br />
<p> Custom ShowBox (secret) with no ads as well!</span>
<u>Live TV HD</u></b>
*NEW*</b><p>
description</span>
<u>WSS</u></b>
<p><br />
<p> A HUGE selection of premium sports channels world wide! Kept up to date and
works well, one of the very best apps yet very simple.</span>
<u>Music</u></b>
<p><br />
<p> Generic Music Player</span>
<br>
<u>BMovie Pro</u></b>
<p><br />
<p> Most Movies and TV shows</span>
<u>BlackMarket</u></b>
<p><br />
<p> Every Android App Free! Even though you&#39;ll see a price its still
free!</span>
<u>2 versions of custom KODI TVMC XBMC</u></b>
<p><br />
<p> we provide 2 different builds of a media software known as KODI. This is
just a media player but it is more than that, it&#39;s the future of media
and TV but here and now!</span>
<u>IPTV</u></b>
<p><br />
<p> with 10 updated playlists</span>
<p><br />
<p> the playlists are as follows</span>
<p><br />
<p> the URL and ends in a 1 through 10 so if the first</span>
<p><br />
<p> playlist is as follows</span>
<p><br />
<p> http://bit.ly/1tg_playlist1</span>
<p><br />
<p> each new playlist will be the same but end in a different</span>
<p><br />
<p> number from 1 to 10</span>
<p><br />
<p> http://bit.ly/1tg_playlist10</span>
<p><br />
<p> in the future you can assume it will be the same onwards 11 -
xxxxunknown</span>
<u>FireTV Launcher</u></b>
<p><br />
<p> This application pulls everything together making this a easy to use custom
setup! Press the Home button on the fireTV stick remote and you&#39;ll go
to the custom launcher. Press twice and access the stock (limited and costs
money) Prime services by Amazon. Stick with our launcher and apps and
you&#39;ll have everything a so much more all free!</span>
</div>
<div>
&nbsp;
</div>
</div>
</td>
</tr>
<tr>
<td colspan="2 " style="font-size: 12px; vertical-align: top; ">
<img border="0 " height="50 " src=
"https://mediacomcable.com/site/_img/spacer_1_1.gif " width=
"384 ">
</td>
</tr>
</table>
<table align="center " border="0 " cellpadding="0 " cellspacing="0 "
style="width: 100px; ">
<tbody>
<tr>
<td style="font-size: 12px; vertical-align: top; "><img border=
"0 " height="8 " src=
"https://mediacomcable.com/site/_img/spacer_1_1.gif " width=
"340 ">
</td>
<td style="font-size: 12px; vertical-align: top; "><img border=
"0 " height="8 " src=
"https://mediacomcable.com/site/_img/spacer_1_1.gif " width=
"108 ">
</td>
<td style="font-size: 12px; vertical-align: top; "><img border=
"0 " height="8 " src=
"https://mediacomcable.com/site/_img/spacer_1_1.gif " width=
"340 ">
</td>
</tr>
<tr>
<td style="font-size: 12px; vertical-align: top; "><b>Future
Ready Movies On Demand: your wish is on demand! View what you
want, when you want. Missed an episode of "Big Bang Theory " or
"The Blacklist? " Want to watch a new movie release? With
Future Ready Media, you can pick and choose from over 20,000
titles of movies, sporting events, broadcast and cable shows
each month.On Demand is automatically included in Prime TV,
where available, and includes free and premium selections for
kids, adults, sports fans and the entire family. Free On
Demand</b><p> Future Ready Media offers a variety of programming:
recently aired shows from your favorite cable and broadcast
channels as well as sports highlights, and a variety of music
programming.<u>Primetime</u> Broadcast shows from ABC, NBC,
CBS and FOX. Most are available within 24 hours after their
premiere. <u>Kids On Demand</u> Disney, Cartoon Network and
more, anytime! <u>Music</u> Formats of all varieties from
music providers like Music Choice, Karaoke and Concert TV.
<u>TV Entertainment</u> Programs from networks like A&amp;E,
ABC Family, AMC, History Channel, FX, Lifetime and TBS.
<u>Sports</u> Sports highlights, shows and action from
favorites including ESPN, SEC, NFL, and UFC. <u>Home &amp;
Leisure</u> Relax, enjoy and learn with shows from Destination
America. <u>Science &amp; Nature</u> Insightful programs and
specials from networks including Animal Planet and National
Geographic Channel. <u>News &amp; Info</u> Series,
documentaries in-depth reports and more from news leaders like
CNN and Headline News. <u>Health &amp; Fitness</u> Get healthy
with shows from MagRack Fitness and Sportskool. <u>Free
Movies</u> Enjoy free movies from FX, TNT, Sundance and more!
<u>Previews &amp; Extras</u> Watch the latest Coming Soon
attractions, movie extras, theater previews, and premiuim
channel samplers.<p><br /><p>Professional and reliable TV Player Setup and Support Of Amazon fireTV
Stick 2nd gen. with Alexa Voice Remote.</p>
<p>I provide much more than just KODI and the add-ons setup. I provide 80+
premium applications, modifications and features. The device is customized
with real developer modifications and designed by professional coders and
technicians.</p>
<p>Beyond the custom setup the custom features added are within the custom
launcher. As time goes on the latest features and updates can easily be
installed in part due to the custom launcher that holds the custom Android
applications and customizations added. The launcher will send updates and
provides a constant working TV player. This isn&#39;t just KODI but as we
like to say &quot;Beyond the Future&quot; because we are creating it we are
providing a real ahead of it&#39;s time quality product that saves you money
and is inexpensive to own.</p>
<hr>
<h3 class="pull-right ">$91.49</h3>
<p><button1 class="button1 button1"><a class="button1 button1-primary " href=
"https://onetechgenius.dpdcart.com/cart/add?product_id=110201-fire-stick-w-voice-remote-usa-and-usa-territories&method_id=116428">
<i class="fa fa-cart-plus "></i> Add to Cart</a></button1>
</p></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div id="outro ">
</div>
</div>
<div class="footer-container ">
<div id="footer ">
<div class="row ">
<div id="footer">
<div class="row">
<div class="col-md-6 col-sm-6">
<p>
<a href="https://getdpd.com/"><img src="//onetechgenius.dpdcart.com/assets/dpd_widget_secure.png" alt="Secure checkout by DPD"></a>
</p> <p class="text-right">
Copyright © 2016 OneTechGenius
</p>
</div>
<div class="col-md-12 col-sm-12">
</div>
<div class="col-md-12 col-sm-12 ">
<h1 class="text-right "><a href="https://onetechgenius.dpdcart.com/cart/returnpolicy">Return Policy</a>
&middot; <a href="https://onetechgenius.dpdcart.com/cart/privacypolicy ">Privacy Policy</a></h1>
<div class="footer-container">
<div class="col-md-6 col-sm-6">
</p>
</div>
Raw
script.js
// assign a function that generates colors to the variable
// color
var numOfSquares = 6
var colors = [];
var pickedColor;
var squares = document.querySelectorAll(".square");
var colorDisplay = document.getElementById("colorDisplay");
var messageDisplay = document.querySelector("#message");
var h1 = document.querySelector("h1");
var resetButton = document.querySelector("#reset");
var modeButtons = document.querySelectorAll(".mode");
init();
function init(){
// mode buttons event listeners
setupModeButtons();
setupSquares();
// this generates out colors for us
reset();
}
function setupSquares(){
for(var i = 0; i < squares.length; i++){
// add click listeners to squares
squares[i].addEventListener("click", function(){
// grab color of clicked color
var clickedColor = this.style.background;
// compare with picked color
if(clickedColor === pickedColor){
messageDisplay.textContent = "Correct!";
// change the text content of the button
resetButton.textContent = "Play Again?"
changeColor(clickedColor);
h1.style.background = clickedColor;
// apply the change color function here for when
// the correct square is picked to change all
// other squares to the color of the correct square
}else{
this.style.background = "#232323";
messageDisplay.textContent = "Try Again";
}
});
}
}
function setupModeButtons(){
for (var i = 0; i < modeButtons.length; i++) {
modeButtons[i].addEventListener("click", function(){
// this takes care of removing the select class
// for both the easy and hard mode
modeButtons[0].classList.remove("selected");
modeButtons[1].classList.remove("selected");
// this is used to target and add
// the selected class to the element that is clicked
this.classList.add("selected");
this.textContent === "Easy" ? numOfSquares = 3: numOfSquares = 6;
reset();
});
}
}
function reset(){
// generate new colors
colors = generateRandomColor(numOfSquares);
// pick a new random color
pickedColor = pickColor();
// change color display to match picked color
colorDisplay.textContent = pickedColor;
// change color of squares
for(var i = 0; i < squares.length; i++){
if (colors[i]){
squares[i].style.display = "block";
squares[i].style.background = colors[i];
}else{
squares[i].style.display = "none";
};
}
// change the color of the h1 back to default black greyish color
h1.style.background = "steelblue";
resetButton.textContent = "New Color";
messageDisplay.textContent = "";
}
resetButton.addEventListener("click", function(){
// call the reset function created to reset the
// game when we click the reset button
reset();
});
// write a seperate function to change the background color
// of all the squares to the color of the correct square
function changeColor(color){
// loop through the squares to change each one
for(var i = 0; i < squares.length; i++){
squares[i].style.background = color;
}
}
function pickColor(){
var random = Math.floor(Math.random() * colors.length);
return colors[random];
}
function generateRandomColor(num){
// make an array
var arr = [];
// repeat num times
for(var i = 0; i < num; i++){
// push the random colors to the array
// call the random function here
arr.push(randomColor());
}
return arr;
}
// create a function that randomises the colors to
// be pushed to the random array
function randomColor(){
// pick a "red" color between 0 -255
var red = Math.floor(Math.random() * 256);
// pick a "green" color between 0-255
var green = Math.floor(Math.random() * 256);
// pick a "blue" color between 0 -255
var blue = Math.floor(Math.random() * 256);
// then return a string with each variable
return "rgb(" + red + ", " + green + ", " + blue + ")";
}
Raw
style.css
body{
background: #232323;
margin: 5;
font-size: 22px;
font-color: bold;
font-family: "Montserrat", "Avenir";
}
h{
color: white;
font-size: 50px;
font-family: futura;
}
h1{
color: red;
}
h2{
color: grey;
font-family: enthocentric;
font-size: 40px;
}
h4{
color: white;
font-size: 70px;
font-family: ethocentric
}
body{
background: #232323;
margin: 5;
font-family: "Montserrat", "Avenir";
}
/*this class styling oulines all the squares*/
.square{
width: 30%;
background: purple;
padding-top: 30%;
float: left;
margin: 1.66%;
border-radius: 15%;
transition: 1.0s;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#container{
max-width: 600px;
margin: 20px auto;
}
h1{
color: white;
text-align: center;
margin: 0;
line-height: 1.1;
background: steelblue;
text-transform: uppercase;
font-weight: normal;
padding: 20px 0;
}
#colorDisplay{
font-size: 200%;
}
span{
color: white;
}
#stripe{
background: white;
height: 30px;
text-align: center;
}
#message{
color: black;
display: inline-block;
width: 20%;
}
.selected{
background: steelblue;
color: white;
}
button{
border: none;
background: none;
text-transform: uppercase;
height: 100%;
color: steelblue;
font-weight: 700;
letter-spacing: 1px;
font-size: inherit;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
outline: none;
}
button:hover{
color: white;
background: steelblue;
};
button2 {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 30px 52px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.button1{
box-shadow: 0 8px 16px 0 rgba(225,225,225,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
font: futura;
button1:hover{
color: green;
height: 30px;
button1:hover
color: white;
background: steelblue;
}
header{
color: white;
}
foot{
font color: grey;
h2{
color: green;
height: 30px;
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment