D|G Space Designs

Hi,

I’m  David Glatzl 

Web Developer

About me

Welcome to my Web Portfolio!  I’m David Glatzl, Creative Web Developer.  I attended the College of Westchester in White Plains, NY from 2008 – 2012.  In 2012 I graduated, Summa Cum Laude with a [3.9] GPA.  My degree is an Associate in Applied Science with a major in Digital Media.  Web Development is one of my strongest interests.  In college that was the main focus of my degree.  C++ was also a course that I took at The College of Westchester where I learned the Bubble Sort Algorithm.  My actual experience is more in the Front-End development of websites.  My experience has really strengthened my skills in HTML 5, CSS, JavaScript & WordPress.  Although, I also find the Back-End development of web applications to be very interesting as well.  Consequently, I have taken courses in JAVA, PHP and Oracle PL/SQL.  Furthermore, I took courses that showed me how to create and develop databases utilizing MySQL and a Database Management tool called phpMyAdmin.

Portfolio

Simply Sacred Oils

I built this working website in WordPress with one of their responsive templates. I rmanage and update the site regulary. Simply Sacred Oils™presently sells synergistically Charged Essential Oil Products. They are the manufacturers of their own products. On this site you will find Roll-On Chakra oils, Room & Body Sprays, Aromatherapy Pillows, etc.

Skills

WordPress

Creating pages, drafts, clones & categories
80%
publish pages, public, private & password protec.
85%
Edit text or images with wordpress or photoshop
90%
uploading images, zip files & external plugins
85%
increase button functionality with javascript
65%
Correct URL links to match page or item titles
75%
Product uploads, pricing and descriptions
70%
setup paypal cart buttons for ordering items
75%
Install, activate & edit plugins
80%
SEO, Sitemaps, Google Crawling, Update URL's
50%
Editing php code in the theme files
30%
add html to php theme files to create more links
60%
editing css code, style sheets & apperance
70%
create accordian menus on pages with javascript
70%
Switch themes, Responsive Themes, Elementor Pro
65%
setup paypal zipcodes for tax & shipping charges
75%

code samples

More code samples are currently being added to this section. Please check back periodically for updates. Thank you very much! ~ David

JavaScript

				
					
	
	/* Start JavaScript */
<script>
	     $(document).ready(function() {
		
		 $('.accordion .term').click(function () {
		 
		  if ($(this).next('p').is(':hidden')) {
		 		  
		 $('.accordion p').slideUp('fast');
          };
		 
		 $(this).next('p').slideToggle('fast');  
            
            });   
        
        });
        
</script>   
/* End JavaScript */
	

            

				
			
				
					<input type="checkbox" name="checkbox" value="check" id="agree" /> <em>By using this website you have read and agree to our <a href="http://simplysacredoils.com/images/Code-Sample-Blank-Form.pdf" target="_blank" rel="noopener noreferrer">Terms of Use</a></em>

/* Start JavaScript */

<form action="https://www.paypal.com/cgi-bin/webscr" onsubmit="if(document.getElementById('agree').checked) { return true; } else { alert('Please indicate that you have read and agree to our Terms of Use'); return false; }">
    
/* End Javascript */
    
<input type="hidden" name="cmd" value="_s-xclick">

<input type="hidden" name="hosted_button_id"value="QK47DXLJ9NTPW">

<input type="image" src="https://www.dgsddpro.com/wp-admin/images/addedFunctionButton1.png" border="0" name="submit" alt="My button">

<img loading="lazy" alt="addedFunctionButton1" border="0" src="https://i0.wp.com/www.dgsddpro.com/buttonGraphic.png?resize=1%2C1&#038;ssl=1" width="1" height="1"  data-recalc-dims="1">
</form>


				
			
				
					/* Start JavaScript */
<script>
    //Search a specific site rather than the entire Web.
    function search() {
      //Replace sample domain name below with your own domain name.
      var site = "dgsddpro.com";
      //Get the text that the user typed into the textbox.
      var lookfor = document.getElementById("txtlookfor").value;
      //If the box wasn't empty do the search. 
      if (lookfor.length > 0) {
        //Build URL for the search.
        var query = "http://www.google.com/search?q=" + encodeURIComponent(lookfor) + " site:" + site;
        //Set Address bar equal to query.
        location.href = query;
      } else {
        //If textbox was empty, show an alert.
        alert("Please type the word or words for which you want to search.");
      }
    }
</script>
/* End JavaScript */

				
			

Actionscript 3.0 - adobe flash/animate

.AS File - Public Functions and Arrays

This code is an example of how Public Functions and Arrays are used in a short Video Game I developed with ActionScript 3.0. I designed the graphics with Adobe Illustrator.

In the code below notice how the Public Functions are used to create blocks of code that affect the graphics in certain ways.

Also, notice towards the beginning of the code sample how the Arrays are being used to access multiple key frames of the character to control his movements.
				
					package {
import flash.display.*;
import flash.events.*;
import flash.text.*;
import flash.utils.getTimer;

public class Jack2 extends MovieClip {

// screen constants

static const edgeDistance:Number = 100;

// object arrays

private var fixedObjects:Array;
private var otherObjects:Array;

private var hero:Object;

// game state

private var playerObjects:Array;
private var gameMode:String = "start";
private var lastTime:Number = 0;

// start game

public function startJack2() {
playerObjects = new Array();
gameMode = "play";
}

// start level

public function startgamelevel() {

// create characters

createhero();

// examine level and note all objects

examineLevel();

// add listeners

this.addEventListener(Event.ENTER_FRAME,gameLoop);
stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownFunction);
stage.addEventListener(KeyboardEvent.KEY_UP,keyUpFunction);

// set game state

gameMode = "play";
}

public function createhero() {
hero = new Object();
hero.mc = gamelevel.hero;
hero.dx = 0.0;
hero.dy = 0.0;
hero.direction = 1;
hero.animstate = "stand";
hero.attackAnimation = new Array(13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33);
hero.walkAnimation = new Array(2,3,4,5,6,7,8,9,10);
hero.animstep = 0;
hero.moveLeft = false;
hero.moveRight = false;
hero.walkSpeed = .20;
hero.swingSword = false;
hero.attackSpeed = 0;
hero.width = 15.0;
hero.height = 10.0;
hero.startx = hero.mc.x;
hero.starty = hero.mc.y;
}

public function keyDownFunction(event:KeyboardEvent) {
if (gameMode != "play") return; // don't move until in play mode

if (event.keyCode == 37) {
hero.moveLeft = true;
} else if (event.keyCode == 39) {
hero.moveRight = true;
} else if (event.keyCode == 32) {
hero.swingSword = true;

} else if (event.keyCode == 40) {
hero.attack2 = true;
} else if (event.keyCode == 42) {
if (!hero.inAir) {
hero.jump = true;
}
}
}

public function keyUpFunction(event:KeyboardEvent) {
if (event.keyCode == 37) {
hero.moveLeft = false;
} else if (event.keyCode == 39) {
hero.moveRight = false;
} else if (event.keyCode == 32) {
hero.swingSword = false;
}
}

// perform all game tasks

public function gameLoop(event:Event) {

// get time difference

if (lastTime == 0) lastTime = getTimer();
var timeDiff:int = getTimer()-lastTime;
lastTime += timeDiff;

// only perform tasks if in play mode

if (gameMode == "play") {
  moveCharacter(hero,timeDiff);

}
}

public function moveCharacter(char:Object,timeDiff:Number) {
if (timeDiff < 1) return;

var verticalChange:Number = char.dy*timeDiff;

// react to changes from key presses

var horizontalChange = 0;
var newAnimState:String = "stand";

var newDirection:int = char.direction;
if (char.moveLeft) {

// walk left

horizontalChange = -char.walkSpeed*timeDiff;
newAnimState = "walk";
newDirection = -1;
} else if (char.moveRight) {

// walk right

horizontalChange = char.walkSpeed*timeDiff;
newAnimState = "walk";
newDirection = 1;
}

if (char.swingSword) {

// start attack

horizontalChange = char.attackSpeed*timeDiff;
newAnimState = "attack";
}

var newX:Number = char.mc.x + horizontalChange;
var newY:Number = char.mc.y + verticalChange;

// set position of character

char.mc.x = newX;
char.mc.y = newY;
char.animstate = newAnimState;

// move along attack cycle

if (char.animstate == "attack") {
char.animstep += timeDiff/20;
if (char.animstep > char.attackAnimation.length) {
char.animstep = 0;
}
char.mc.gotoAndStop(char.attackAnimation[Math.floor(char.animstep)]);

// not walking, show stand or jump state

} else {
char.mc.gotoAndStop(char.animstate);
}

// move along walk cycle

char.animstate = newAnimState;
if(char.animstate == "walk") {
char.animstep += timeDiff/120;
if (char.animstep > char.walkAnimation.length) {
char.animstep = 0;
}
char.mc.gotoAndStop(char.walkAnimation[Math.floor(char.animstep)]);
}

// changed directions

if (newDirection != char.direction) {
char.direction = newDirection;
char.mc.scaleX = char.direction;
}
}

				
			

Contact

Contact me...

If you have any questions, or opinions about my work, please share them with me.  I am very interested in your feedback.  If you need my help with WordPress, CSS Styling, or JavaScript please let me know and I will do whatever I can to help you. Thank you! 

David

Tel: (914) 671-5087