Release version 1.3

README.md

@@ -5,12 +5,11 @@ Contributors: eherman24
 Donate link: http://evan-herman.com/
 
 Tags: wordpress, icons, evan, herman, icon, set, svg, wp, icomoon, ico, moon, wp, zoom, wp-zoom, wpzoom, broccolidry, metoicons, iconic, plugin, responsive, bootstrap, font, awesome, font awesome, twitter, glyphicons, glyph, web, font, webfont
-
 Requires at least: 3.0.1
 
 Tested up to: 3.6
 
-Stable tag: 1.2
+Stable tag: 1.3
 
 License: GPLv2 or later
 
@@ -38,7 +37,9 @@ these any where in your themes.
 
 * OVER 500 ICONS INCLUDED
 * Insert Icons Directly Into Posts
-* Pro Version in Development with Customization Features
+* Expansion section - updated with new icons frequently
+* Inclusion of user requested icons (with donation)
+* Pro Version in Development - plans to release as unpaid
 
 **Usage**
 To include an icon on to any page of your site, simply click on the icon that you want to use and copy the provided code.
@@ -86,20 +87,20 @@ and review it, as this will only make future iterations of it better.*
 * [Matt Mullenweg](http://www.ma.tt/) for everything he does for the WordPress community. Without him none of this would be possible.
 
 == Installation ==
-1. Upload `plugin-name.php` to the `/wp-content/plugins/` directory
+1. Upload `wordpress-svg-icons-plugin.zip` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the 'Plugins' menu in WordPress
 3. Go to the 'WP SVG Icon' plugin page in the dashboard
 4. Click on which icon you would like to use
 5. A preview of the icon will then appear in the preview box at the top. Copy the generated code out of the 'example' box.
-6. You may now paste the copied code anywhere you want the icon to appear. (even in posts or anywhere in your themes)
+6. You may now paste the copied code anywhere you want the icon to appear. (even in posts or anywhere in your templates)
 
 == Frequently Asked Questions ==
 
 = When I include the provided code in a post, all that appears is the code. No icon appears. Why? =
 
 Make sure that you are entering the provided code in the 'text' section of the post editor. If you are putting the code into the 'visual' editor, it will not work.
 
-= Will these plugins loose quality as they scale up? =
+= Will these icons loose quality as they scale up? =
 
 No. These icons are not .png or .jpg format. They are .svg (scalable vector graphics), which means you can scale them
 as large as you want with out any loss in quality.
@@ -126,6 +127,8 @@ It's as easy as copy and paste.
 
 If you buy the pro version you will also receive support for one year, for those times you need to make something out of the ordinary happen.
 
+*Note: The pro version is in development and is planned to be released as unpaid*
+
 = Have a question, idea or found a bug? =
 
 If you have found any problems, have an idea for a future release, found a bug you would like me to correct or 
@@ -137,19 +140,37 @@ or through the contact form on my website at <a href="http://www.Evan-Herman.com
 1. Main plugin screen. Pacman icon selected, generated code visible.
 2. Some more icons included in this plugin.
 3. All included icons in the icon selection screen in the dashboard.
+4. The new expansion section, with the new linked in rounded icon
 
 == Changelog ==
+= 1.3 =
+October 19th, 2013
+* Added a new expansion section
+* Added 1 new rounded linked in icon
+
+= 1.2 =
+September 20th, 2013
+* Replaced icon container holder from a <div> to a <span> - fixes line breaks when inserting icons into content
+
 = 1.1 =
+August 2nd, 2013
 * Made it easier to select icons by making the entire div selectable
 * Added icon highlighting after selection
 * Added smooth scroll back to top
 * Placed scripts in external file
 
 = 1.0 =
+July 20th, 2013
 * Original Release
 
 == Upgrade Notice ==
+= 1.3 =
+October 19th, 2013
+* Added a new expansion section
+* Added 1 new rounded linked in icon
+
 = 1.2 =
+September 20th, 2013
 * Replaced icon container holder from a <div> to a <span> - fixes line breaks when inserting icons into content
 
 = 1.1 =
@@ -159,7 +180,8 @@ August 2nd, 2013
 * Added smooth scroll back to top
 
 = 1.0 =
-Original release - July 20th, 2013. 
+July 20th, 2013
+* Original release 
 
 == Demo Page ==
 <p> Check out the <a href="http://evan-herman.com/wp-svg-icon-set-1-example/">demo page</a> before downloading. You can see all the icons that come with this plugin, and more on how to use them!</p>

includes/css/wordpress-svg-icon-plugin-expansion-style.css

@@ -0,0 +1,40 @@
+@font-face {
+	font-family: 'wp-svg-plugin-icon-set1-expansion';
+	src:url('icon-font/wp-svg-plugin-icon-set1-expansion.eot');
+	src:url('icon-font/wp-svg-plugin-icon-set1-expansion.eot?#iefix') format('embedded-opentype'),
+		url('icon-font/wp-svg-plugin-icon-set1-expansion.woff') format('woff'),
+		url('icon-font/wp-svg-plugin-icon-set1-expansion.ttf') format('truetype'),
+		url('icon-font/wp-svg-plugin-icon-set1-expansion.svg#wp-svg-plugin-icon-set1') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class*="wp-svg-icon-set1-expansion-"] {
+	font-family: 'wp-svg-plugin-icon-set1-expansion';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+
+.wp-svg-icon-set1-expansion-linkedin_circle {
+	font-family: 'wp-svg-plugin-icon-set1-expansion';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+}
+
+.wp-svg-icon-set1-expansion-linkedin_circle:before {
+	content: "\e600";
+}

includes/css/wordpress-svg-icon-plugin-style.css

@@ -9,6 +9,7 @@
 	font-style: normal;
 }
 
+
 /* Use the following CSS code if you want to use data attributes for inserting your icons */
 [data-icon]:before {
 	font-family: 'wp-svg-plugin-icon-set1';

includes/error_log

@@ -1 +1 @@
-[16-May-2013 17:13:01] PHP Fatal error:  Call to undefined function  getelementbyid() in /home6/evanherm/public_html/wp-content/plugins/WP2YT-Uploader/includes/process.php on line 9
+[16-May-2013 17:13:01] PHP Fatal error:  Call to undefined function  getelementbyid() in /home6/evanherm/public_html/wp-content/plugins/WP2YT-Uploader/includes/process.php on line 9

includes/js/wordpress-svg-icon-plugin-scripts.js

@@ -5,20 +5,37 @@
 jQuery(document).ready(function(){
 
 	jQuery('.glyph').hover(function(){ jQuery('.glyph').css('cursor','pointer'); });
+	jQuery('.expansion-Glyph').hover(function(){ jQuery('.expansion-Glyph').css('cursor','pointer'); });
 	jQuery('input[type=text].glyph_unicode').click(buttonClick);
+	jQuery('input[type=text].expansion_glyph_unicode').click(expansionButtonClick);
 	jQuery('.glyph').click(buttonClick);	
+	jQuery('.expansion-Glyph').click(expansionButtonClick);
 
 	function buttonClick() {		
 		var glyphUnicode =  jQuery('input[type=text].glyph_unicode', this).val();
 
 				jQuery('.fs1').css('color','#292929');
-				jQuery('input[type=text].copy_paste_input').val('<span data-icon="'+ glyphUnicode + '"></span>');
+				jQuery('input[type=text].copy_paste_input').val('<span data-icon="'+glyphUnicode + '"></span>');
+				jQuery('input[type=text].expansion_glyph_unicode').css('background-color','#eee');
 				jQuery('input[type=text].glyph_unicode').css('background-color','#eee');
 				jQuery('input[type=text].glyph_unicode', this).css('background-color','#FF8000', 'font-color', '#000');
 				jQuery('.fs1', this).css('color','#FF8000');
 				jQuery('.wp-svg-icon-preview').html('<div class="wp-svg-iconset1-preview" data-icon="'+ glyphUnicode + '"></div>');
 				jQuery('html, body').animate({ scrollTop: 0 }, 'slow');
 			};	
+
+	function expansionButtonClick() {		
+		var glyphUnicode =  jQuery('input[type=text].expansion_glyph_unicode', this).val();
+
+				jQuery('.fs1').css('color','#292929');
+				jQuery('input[type=text].copy_paste_input').val('<span class="'+glyphUnicode + '"></span>');
+				jQuery('input[type=text].glyph_unicode').css('background-color','#eee');
+				jQuery('input[type=text].expansion_glyph_unicode').css('background-color','#eee');
+				jQuery('input[type=text].expansion_glyph_unicode', this).css('background-color','#FF8000', 'font-color', '#000');
+				jQuery('.fs1', this).css('color','#FF8000');
+				jQuery('.wp-svg-icon-preview').html('<div class="wp-svg-iconset1-preview"><span class="'+ glyphUnicode + '"></span></div>');
+				jQuery('html, body').animate({ scrollTop: 0 }, 'slow');
+			};		
 
 
 });						

includes/scripts.php

@@ -1,11 +1,21 @@
-<?php
-
-/***********************************
-*	SCRIPT CONTROLS
-***********************************/
-
-function wordpress_svg_icon_plugin_load_style() {
-	wp_register_style( 'svg-icon-set1-style',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-style.css');	wp_enqueue_style( 'svg-icon-set1-style' );
-}
-add_action( 'wp_enqueue_scripts', 'wordpress_svg_icon_plugin_load_style' );
-function wordpress_svg_icon_plugin_load_style_dashboard() {	wp_register_style( 'svg-icon-set1-style-dashboard',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-style.css');	wp_enqueue_style( 'svg-icon-set1-style-dashboard' );}add_action( 'admin_enqueue_scripts', 'wordpress_svg_icon_plugin_load_style_dashboard' );
+<?php
+
+/***********************************
+*	SCRIPT CONTROLS
+***********************************/
+
+function wordpress_svg_icon_plugin_load_style() {
+	wp_register_style( 'svg-icon-set1-style',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-style.css');	
+	wp_enqueue_style( 'svg-icon-set1-style' );
+	wp_register_style( 'svg-icon-set1-expansion-style',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-expansion-style.css');	
+	wp_enqueue_style( 'svg-icon-set1-expansion-style' );
+}
+add_action( 'wp_enqueue_scripts', 'wordpress_svg_icon_plugin_load_style' );
+
+function wordpress_svg_icon_plugin_load_style_dashboard() {	
+	wp_register_style( 'svg-icon-set1-style-dashboard',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-style.css');	
+	wp_enqueue_style( 'svg-icon-set1-style-dashboard' );
+	wp_register_style( 'svg-icon-set1-expansion-style-dashboard',  plugin_dir_url(__FILE__).'css/wordpress-svg-icon-plugin-expansion-style.css');	
+	wp_enqueue_style( 'svg-icon-set1-expansion-style-dashboard' );
+}
+add_action( 'admin_enqueue_scripts', 'wordpress_svg_icon_plugin_load_style_dashboard' );

wordpress-svg-icons-plugin.php

@@ -3,7 +3,7 @@
 Plugin Name: WordPress Icons - SVG
 Plugin URI: http://evan-herman.com/wp-svg-icon-set-1-example/
 Description: Easily insert svg icons directly in to your WordPress blog with this plugin.
-Version: 1.2
+Version: 1.3
 Author: Evan Herman
 Author URI: http://www.Evan-Herman.com
 License:
@@ -73,7 +73,7 @@ function wordpress_svg_icons_cheat_sheet(){
 		margin: 0;
 		padding: 0;
 	}
-	.glyph {
+	.glyph, .expansion-Glyph {
 		font-size: 16px;
 		float: left;
 		text-align: center;
@@ -84,7 +84,7 @@ function wordpress_svg_icons_cheat_sheet(){
 		border-radius: .25em;
 		box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC;
 	}
-	.glyph input {
+	.glyph input, .expansion-Glyph input {
 		font-family: consolas, monospace;
 		font-size: 13px;
 		width: 100%;
@@ -93,6 +93,7 @@ function wordpress_svg_icons_cheat_sheet(){
 		box-shadow: 0 0 0 1px #ccc;
 		padding: .125em;
 	}
+	.expansion-Glyph:hover { background-color: #CCCCCC !important; cursor:pointer !important; }
 	.w-main {
 		width: 95%;
 	}
@@ -2200,9 +2201,23 @@ function wordpress_svg_icons_cheat_sheet(){
 		<a class="glyph-link" href="#"><input class="glyph_unicode" type="text" readonly="readonly" value="&amp;#xe1f3;" >  </a>
 	</div>
 	</section>
+	<span style="display:inline-block"><img style="width:15%; margin-right:.5em; float:left;" src="<?php echo plugins_url( '/svg-vector-icon-plugin/includes/images/New-Logo.png' ); ?>" /><h3 style="float:left;"> Expansion Pack </h3></span>
+	<p>Welcome to the new expansion pack section! This section will grow as time progresses. But in the meantime, here's a rounded linked in icon for you!</p>
+
+	<p>Unfortunately since the release of this plugin, the original source of these web font icons began releasing these without proper unicode support.So as of right now, 
+		the icons in the expansion pack must be inlcuded by adding a class to an element. Clicking the icon will still provide you with the necessary code
+		to display the icon, it just will no longer be in Unicode form. I'm terribly sorry for the inconvinence.</p> 
+
+	<p style="color:#FF8000;">If you need an icon (or icons) included for a project immediately, please make a donation and I will include them as soon as possible.</p>
+
+	<p style="color:#E27F7F;">If you have designed icons you would like to include in this plugin, I would be delighted to include them and give you attribution. Just get in contact with me <a href="http://www.evan-herman.com/contact/" target="_blank">here</a>.</p>
+
+	<div class="expansion-Glyph">
+		<span class="fs1 wp-svg-icon-set1-expansion-linkedin_circle"></span>
+		<a class="glyph-link" href="#"><input class="expansion_glyph_unicode" type="text" readonly="readonly" value="wp-svg-icon-set1-expansion-linkedin_circle" >  </a>
+	</div>
 	</div>
 	<div class="clear"></div>
-
 	<footer>
 		<p>Plugin Created By <a style="color:#B35047;" href="http://www.Evan-Herman.com" target="_blank">Evan Herman</a></p>
 	</footer>