<commit_before>---
layout:     post
title:      "Week 6"
subtitle:   "Interactive Webpage"
date:       2017-04-06
author:     "Road to Nowhere"
header-img: "img/post-bg-05.jpg"
---

# Dynamic Webpage

For this week we were required to demonstrate improve upon our basic Static webpage we showed Last week and make it dynamic. This is our page from last week if you remember with a couple of improvements.

# Home:

![Home page](https://github.com/phellsten/phellsten.github.io/blob/master/images/blog/Week6/NewHome6.jpg)

All the pages referenced in the navigation bar are linked to their respective pages, along with the report a delay button on the home page which takes you to a seperate form to fill out, which would allow end users to contribute data to the page in some way.

Link to New site: https://phellsten.github.io/website/index.html

# JSON

TO obtain the data for our issue and map pages, we utilised data from the PTV API through JSON. Then through usage of javascript the data is iteratievely added to their respective categories within the pages. Such as shown below;

![JSON](https://github.com/phellsten/phellsten.github.io/blob/master/images/blog/Week6/JSONJS.png)

# Maps

Maps CAMERON I HAVE NO IDEA WHAT YOU DID PLS HALP MapAPI thins?

For the maps shown, we used googles mapping API to...

![MapsJS](https://github.com/phellsten/phellsten.github.io/blob/master/images/blog/Week6/MapsJS.png)

We used a a global styles.css which is present in all our webpages, before becoming more speciofic with them. Utilising these page specific CSS files to manipulate backgrounds and changing Page specific items, such as the padding and assorted colours.

For future improvement of out webpage, we intend to improve the map functionality and the User submitted delay experience to be slightly more specific.<commit_msg>fix image formatting<commit_after>---
layout:     post
title:      "Week 6"
subtitle:   "Interactive Webpage"
date:       2017-04-06
author:     "Road to Nowhere"
header-img: "img/post-bg-05.jpg"
---

# Dynamic Webpage

For this week we were required to demonstrate improve upon our basic Static webpage we showed Last week and make it dynamic. This is our page from last week if you remember with a couple of improvements.

# Home:

<img src="{{ site.baseurl }}/images/blog/Week6/NewHome6.jpg" alt="Home Page">


All the pages referenced in the navigation bar are linked to their respective pages, along with the report a delay button on the home page which takes you to a seperate form to fill out, which would allow end users to contribute data to the page in some way.

Link to New site: https://phellsten.github.io/website/index.html

# JSON

TO obtain the data for our issue and map pages, we utilised data from the PTV API through JSON. Then through usage of javascript the data is iteratievely added to their respective categories within the pages. Such as shown below;

<img src="{{ site.baseurl }}/images/blog/Week6/JSONJS.png" alt="JSON">


# Maps

Maps CAMERON I HAVE NO IDEA WHAT YOU DID PLS HALP MapAPI thins?

For the maps shown, we used googles mapping API to...

<img src="{{ site.baseurl }}/images/blog/Week6/MapsJS.png" alt="MapsJS">


We used a a global styles.css which is present in all our webpages, before becoming more speciofic with them. Utilising these page specific CSS files to manipulate backgrounds and changing Page specific items, such as the padding and assorted colours.

For future improvement of out webpage, we intend to improve the map functionality and the User submitted delay experience to be slightly more specific.
{'fraction_non_alphanumeric': 0.06792873051224944, 'fraction_numerical': 0.008351893095768375, 'mean_word_length': 4.06056338028169, 'pattern_counts': {'":': 0, '<': 6, '<?xml version=': 0, '>': 6, 'https://': 5, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1860242', 'n_tokens_mistral': 1021, 'n_tokens_neox': 970, 'n_words': 501}