Skip to content
This repository has been archived by the owner on Jan 27, 2020. It is now read-only.

Commit

Permalink
updated demo page and version of jquery
Browse files Browse the repository at this point in the history
  • Loading branch information
Gary Hepting committed Aug 1, 2013
1 parent caa1014 commit b64fb48
Show file tree
Hide file tree
Showing 5 changed files with 11 additions and 15 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ jQuery responsiveText

A jQuery plugin to set font sizes responsively based on its' container width. Use *jQuery responsiveText* to have scalable headlines, build [responsive tables](https://github.com/ghepting/jquery-responsive-tables) and more!

View the demo at http://garyhepting.com/responsiveText
View the demo at [http://garyhepting.com/jquery-responsive-text]


Installation:
Expand Down
11 changes: 4 additions & 7 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
<html>
<head>
<title>Responsive Text</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="jquery-1.9.1.min.js" type="text/javascript"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="jquery-1.10.2.min.js" type="text/javascript"><\/script>')</script>
<script type="text/javascript" src="jquery.responsiveText.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Expand All @@ -21,10 +21,7 @@
.heading {margin-top:0.25em;font-family:'Pacifico', sans-serif; text-shadow:0.1em 0.1em 2px #3F6558;}
.subheading {font-weight:normal;}
.button {margin:2em 0;}
.button a {background:#3F6558;padding:0.4em 3.5em 0.4em 1em;border:none;border-radius:10px;position:relative;}
.download {margin-top: 0.3em;margin-left:0.75em;border:5px solid #fff;border-radius:10px;width:2em;height:60%;position:absolute;box-sizing:border-box;}
.download:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-8px;border:8px solid #fff;}
.download:after {display:block;content:'';position:absolute;top:30%;left:50%;margin-left:-20px;border-top:20px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;}
.button a {background:#3F6558;padding:0.4em 1em;border:none;border-radius:10px;}
.clearfix {clear:both;}
.space {margin:5em 0;}
.devices {margin:0 auto;text-align:center;}
Expand All @@ -51,7 +48,7 @@
<body>
<h1 class="heading responsive" data-compression="8">Responsive Text</h1>
<h2 class="subheading responsive" data-compression="25" data-min="14" data-max="40">A jQuery plugin to set font sizes responsively based on its' container width. Use jQuery responsiveText to have scalable headlines, build <a href="https://github.com/ghepting/jquery-responsive-tables">responsive tables</a> and more!</h2>
<h3 class="button responsive" data-compression="25" data-min="30" data-max="50"><a href="https://github.com/ghepting/jquery-responsive-text">Download on Github <span class="download"></span></a></h3>
<h3 class="button responsive" data-compression="25" data-min="20" data-max="50"><a href="https://github.com/ghepting/jquery-responsive-text">Download on Github</a></h3>
<h1 class="heading responsive" data-scrollable="1">Scrollable Responsive Text</h1>
<p class="responsive" data-scrollable="1" data-max="80">Scrollable Responsive Text</p>
<div class="devices">
Expand Down
6 changes: 6 additions & 0 deletions jquery-1.10.2.min.js

Large diffs are not rendered by default.

5 changes: 0 additions & 5 deletions jquery-1.9.1.min.js

This file was deleted.

2 changes: 0 additions & 2 deletions jquery.responsiveText.coffee
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,4 @@ class ResponsiveText
@each ->
responsiveTextElements.push( new ResponsiveText(@) )

# $el.css "font-size", Math.floor(Math.max(Math.min($el.width() / ($el.data('compression')), parseFloat($el.data('max'))), parseFloat($el.data('min'))))

) jQuery

0 comments on commit b64fb48

Please sign in to comment.