README
VERSION 1.0.1
DRAFT 24 AS OF FEB 15, 2018
LOG
///////////////////////////////////////////////////////////
Friday, April 14, 2017
Current:
- Css not linking to page
-Filezilla ftp working
Next:
-link css to index
-follow basic steps
///////////////////////////////////////////////////////////
Sunday, May 7, 2017
*Correct the scroll image, make it not break
///////////////////////////////////////////////////////////
Tuesday, June 6, 2017
Restart, implement bootstrap & wordpress loop for posts
Goals:
- Wp Loop
Categories for Wordpress Posts
Template for Post
Word pagination
infinite scroll
focus on backend
///////////////////////////////////////////////////////////
Tuesday, June 7, 2017
Current:
- Reverse Order of posts,
scroll up rather than scroll down to see latest posts
latest to oldest - bottom to top
-
///////////////////////////////////////////////////////////
Sunday, June 11, 2017
FIZA MEETING:
Development:
-Decided to make last page come first on scroll for posts
HOW TO IMPLEMENT INFINITE SCROLL ON A BLOG PAGE, WORD PRESS BASED
BASED OFF PAGES
5 POSTS PER PAGE
///////////////////////////////////////////////////////////
Sunday, June 13, 2017
Load-more works, page 1 displays oldest posts, I need it to display most recent posts
Goals:
-Implement bootstrap
-Load page button replace with scroll hitting the top of the page
-Implement smooth scroll on new page load
///////////////////////////////////////////////////////////
Friday, June 23, 2017
Decided to scrap post loop, now using Archive to show all posts
///////////////////////////////////////////////////////////
Thursday, July 6, 2017
Successfully implemented archive timeline functionality.
-Next steps:
-create filters for Categories, such as Photos, Music, Vlogs
-make css more responsive for different ammounts of posts per page
///////////////////////////////////////////////////////////
Tuesday, July 18, 2017
Completed:
-Largely improved timeline functionality
Next Steps:
-create better filters for Categories, such as Photos, Music, Vlogs
-make css more responsive for different ammounts of posts per page, still need to figure this out
-figure out a better video manager, Vimeo is trash
-Need to figure out how to create the li ul elements dropdown/hide
-Spacing for timeline and content needs to be adjusted when resizing the Page
-Need to start creating the "Works" page, this will include my portfolio
///////////////////////////////////////////////////////////
Thursday, July 27, 2017
Completed:
-Polished mouseover mouseleave events
-fixed issues with date being in String type when AJAX required Integer type
-
Next Steps:
-Figure out alternative video hosting service
-Make loading speeds more efficient
///////////////////////////////////////////////////////////
Tuesday, Aug 1, 2017
Completed:
-Media Queries
-Updated php method to convert number date into word date ex.(04=April)
Next Steps:
-Make file size smaller, load speeds are poor
-Two Next Buttons Clashing
///////////////////////////////////////////////////////////
Wednesday, February 14, 2018
-add home sibling to timeline and array
-fix disgusting timeline hover function
-when clicking button, code div should have space so logo japi doesn’t jump to top
Idea for latest date
// var today = new Date();
// var monthNames = ["January", "February", "March", "April", "May", "June",
// "July", "August", "September", "October", "November", "December"
// ];
//
// var dd = today.getDate();
// var mm = today.getMonth()+1; //January is 0!
//
// var yyyy = today.getFullYear();
// if(dd<10){
// dd='0'+dd;
// }
// if(mm<10){
// mm='0'+mm;
// }
// mm=monthNames[mm];
// var today = dd+' '+mm+', '+yyyy;
// console.log(today+"todays date styl")
//
//
// dateListFull.append("<p> <a>"+today+"</a></p>")
//
// console.log(($('#dom-target').children().last()).text())
objective: add home landing page to timeline in LIVE tab
done: -ajax and titles
not done: -highlight welcome with clicked or scrolled to with arrows
-do this by adding class to the objects
-loops will run the same?
-what if clicked on different month "November" and you click on WELCOME
-it wont loop through Welcome to check if it has he class selected because it isnt a date in the date Array
-therefore will it be able to slide down?
- however it should Successfully add the selected class on click
Completed:
-using javascript, PHP, XML, JSON
-All major backend functionality working
-Successfully added welcome tab to timeline
-successfully implemented welcome with functions
-slide up, slide down, selected box, onload, onclick
Next Steps:
-Using CSS and HTML
-Add content to pages CODE and FILM and Welcome
-Fix logo allignment
-optimize for mobile
-compress images on Welcome page
----------------------------
add to CODE tab
<a name="Software"></a>
<section class="SoftwareProjectRow">
<div class="row">
<div class="col-lg-4 col-sm-6 text-center">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img id="Gimbal1" src="<?php bloginfo('stylesheet_directory'); ?>/assets/media/1920x1080/Projects/Gimbal/Gimbal1.jpg" alt="logo"/>
</div>
<div class="item">
<img id="Gimbal2" src="<?php bloginfo('stylesheet_directory'); ?>/assets/media/1920x1080/Projects/Gimbal/Gimbal2.jpg" alt="logo"/>
</div>
<div class="item">
<video id="Gimbal3" src="<?php bloginfo('stylesheet_directory'); ?>/assets/media/1920x1080/Projects/Gimbal/Gimbal3.mov" alt="logo"/>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<img class="left-control" src="<?php bloginfo('stylesheet_directory'); ?>/assets/media/live/left.png"/>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<img class="left-control" src="<?php bloginfo('stylesheet_directory'); ?>/assets/media/live/right.png"/>
</a>
</div>
</div>
</div>
</section>