GithubHelp home page GithubHelp logo

nypl-publicdomain / fifth-avenue Goto Github PK

View Code? Open in Web Editor NEW
14.0 2.0 1.0 45.17 MB

Street View, Then & Now: New York City's Fifth Avenue

Home Page: http://publicdomain.nypl.org/fifth-avenue/

License: Creative Commons Zero v1.0 Universal

JavaScript 61.92% CSS 34.13% HTML 3.96%

fifth-avenue's Introduction

Street View, Then & Now: New York City's Fifth Avenue

Take me to 1911! Visit http://publicdomain.nypl.org/fifth-avenue/

Street View, Then & Now: New York City's Fifth Avenue is a public domain remix by Bert Spaan of NYPL Labs, using the Fifth Avenue from Start to Finish collection from 1911, it lets you compare the photos from this collection with 2015's Google Street View.

Data

The locations and fields-of-view of each photo are loaded from a single GeoJSON file: data/fields-of-view.json (view this file on geojson.io).

This data comes from the Space/Time Directory Digital Collections dataset, in Histograph's NDJSON format: digital-collections.pits.ndjson.

Each line in this NDJSON file represents a Digital Collection item, and contains it's UUID, as well as additional information about the photo's location and field of view:

{
  "id": "510d47dc-9a46-a3d9-e040-e00a18064a99",
  "type": "st:Photo",
  "data": {
    "imageId": "1113225",
    "direction": "west",
    "bearing": 298,
    "distance": 19,
    "collection": "66614620-c6ca-012f-0a98-58d385a7bc34"
  },
  "validSince": 1911,
  "validUntil": 1911,
  "geometry": {
    "type": "Point",
    "coordinates": [
      -73.996396,
      40.732277
    ]
  }
}

With Space/Time's field-of-view module, we can convert this dataset to a GeoJSON file containing field-of-view geometries.


About the NYPL Public Domain Release

On January 6, 2016, The New York Public Library enhanced access to public domain items in Digital Collections so that everyone has the freedom to enjoy and reuse these materials in almost limitless ways. For all such items the Library now makes it possible to download the highest resolution images available directly from the Digital Collections website.

That means more than 187,000 items free to use without restriction! But we know that 180K of anything is a lot to get your head around — so as a way to introduce you to these collections and inspire new works, NYPL Labs developed a suite of projects and tools to help you explore the vast collections and dive deep into specific ones.

Go forth, reuse, and let us know what you made with the #nyplremix hashtag! For more information:

License

See license.

fifth-avenue's People

Contributors

bertspaan avatar smkimball avatar

Stargazers

Keyth M Citizen  avatar Marco Montanari avatar Andrew Foltz-Morrison avatar Li Song avatar Dave Cameron avatar Logan Jaffe avatar Segundo Fdez avatar Vahur Puik avatar Ann Schoenenberger avatar kelvin  knighton avatar Mason J avatar  avatar Chris Henrick avatar Nick Peihl avatar

Watchers

James Cloos avatar  avatar

Forkers

karolmajek

fifth-avenue's Issues

Arrows are squished

The arrows in the compass are now misaligned / smooshed together. Also, in Safari, the compass is no longer expanding when you hover.

finish README

add links to GeoJSON, data repo, field-of-view module, screenshot

add google analytics code

the code:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-1420324-131', 'auto');
  ga('send', 'pageview');

</script>

resize for smaller screens

The interface doesn't comfortably fit within a smaller screen (e.g., my 15" laptop). Possible to resize so that the default display is smaller? See attached
screen shot 2015-12-21 at 4 21 48 pm

add favicon

html in <head> (use correct href according to project structure):

<link rel="shortcut icon" href="images/favicon.ico">

favicon:
favicon.ico.zip

Time labels?

Can we state the time period for the two street views? i.e.: 1911 / Today

Disable scroll zoom on Google Street View?

Since images fill most of the screen, I am often triggering Google's zoom unintentionally just by scrolling down the page. Resizing to fit smaller screen dimensions may remove this need.

add license

in file /LICENSE and make a link in readme to it:

### License

See [license](/LICENSE).

text of license:

CC0 1.0 Universal

Statement of Purpose

The laws of most jurisdictions throughout the world automatically confer
exclusive Copyright and Related Rights (defined below) upon the creator and
subsequent owner(s) (each and all, an "owner") of an original work of
authorship and/or a database (each, a "Work").

Certain owners wish to permanently relinquish those rights to a Work for the
purpose of contributing to a commons of creative, cultural and scientific
works ("Commons") that the public can reliably and without fear of later
claims of infringement build upon, modify, incorporate in other works, reuse
and redistribute as freely as possible in any form whatsoever and for any
purposes, including without limitation commercial purposes. These owners may
contribute to the Commons to promote the ideal of a free culture and the
further production of creative, cultural and scientific works, or to gain
reputation or greater distribution for their Work in part through the use and
efforts of others.

For these and/or other purposes and motivations, and without any expectation
of additional consideration or compensation, the person associating CC0 with a
Work (the "Affirmer"), to the extent that he or she is an owner of Copyright
and Related Rights in the Work, voluntarily elects to apply CC0 to the Work
and publicly distribute the Work under its terms, with knowledge of his or her
Copyright and Related Rights in the Work and the meaning and intended legal
effect of CC0 on those rights.

1. Copyright and Related Rights. A Work made available under CC0 may be
protected by copyright and related or neighboring rights ("Copyright and
Related Rights"). Copyright and Related Rights include, but are not limited
to, the following:

  i. the right to reproduce, adapt, distribute, perform, display, communicate,
  and translate a Work;

  ii. moral rights retained by the original author(s) and/or performer(s);

  iii. publicity and privacy rights pertaining to a person's image or likeness
  depicted in a Work;

  iv. rights protecting against unfair competition in regards to a Work,
  subject to the limitations in paragraph 4(a), below;

  v. rights protecting the extraction, dissemination, use and reuse of data in
  a Work;

  vi. database rights (such as those arising under Directive 96/9/EC of the
  European Parliament and of the Council of 11 March 1996 on the legal
  protection of databases, and under any national implementation thereof,
  including any amended or successor version of such directive); and

  vii. other similar, equivalent or corresponding rights throughout the world
  based on applicable law or treaty, and any national implementations thereof.

2. Waiver. To the greatest extent permitted by, but not in contravention of,
applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
unconditionally waives, abandons, and surrenders all of Affirmer's Copyright
and Related Rights and associated claims and causes of action, whether now
known or unknown (including existing as well as future claims and causes of
action), in the Work (i) in all territories worldwide, (ii) for the maximum
duration provided by applicable law or treaty (including future time
extensions), (iii) in any current or future medium and for any number of
copies, and (iv) for any purpose whatsoever, including without limitation
commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes
the Waiver for the benefit of each member of the public at large and to the
detriment of Affirmer's heirs and successors, fully intending that such Waiver
shall not be subject to revocation, rescission, cancellation, termination, or
any other legal or equitable action to disrupt the quiet enjoyment of the Work
by the public as contemplated by Affirmer's express Statement of Purpose.

3. Public License Fallback. Should any part of the Waiver for any reason be
judged legally invalid or ineffective under applicable law, then the Waiver
shall be preserved to the maximum extent permitted taking into account
Affirmer's express Statement of Purpose. In addition, to the extent the Waiver
is so judged Affirmer hereby grants to each affected person a royalty-free,
non transferable, non sublicensable, non exclusive, irrevocable and
unconditional license to exercise Affirmer's Copyright and Related Rights in
the Work (i) in all territories worldwide, (ii) for the maximum duration
provided by applicable law or treaty (including future time extensions), (iii)
in any current or future medium and for any number of copies, and (iv) for any
purpose whatsoever, including without limitation commercial, advertising or
promotional purposes (the "License"). The License shall be deemed effective as
of the date CC0 was applied by Affirmer to the Work. Should any part of the
License for any reason be judged legally invalid or ineffective under
applicable law, such partial invalidity or ineffectiveness shall not
invalidate the remainder of the License, and in such case Affirmer hereby
affirms that he or she will not (i) exercise any of his or her remaining
Copyright and Related Rights in the Work or (ii) assert any associated claims
and causes of action with respect to the Work, in either case contrary to
Affirmer's express Statement of Purpose.

4. Limitations and Disclaimers.

  a. No trademark or patent rights held by Affirmer are waived, abandoned,
  surrendered, licensed or otherwise affected by this document.

  b. Affirmer offers the Work as-is and makes no representations or warranties
  of any kind concerning the Work, express, implied, statutory or otherwise,
  including without limitation warranties of title, merchantability, fitness
  for a particular purpose, non infringement, or the absence of latent or
  other defects, accuracy, or the present or absence of errors, whether or not
  discoverable, all to the greatest extent permissible under applicable law.

  c. Affirmer disclaims responsibility for clearing rights of other persons
  that may apply to the Work or any use thereof, including without limitation
  any person's Copyright and Related Rights in the Work. Further, Affirmer
  disclaims responsibility for obtaining any necessary consents, permissions
  or other rights required for any use of the Work.

  d. Affirmer understands and acknowledges that Creative Commons is not a
  party to this document and has no duty or obligation with respect to this
  CC0 or use of the Work.

For more information, please see
<http://creativecommons.org/publicdomain/zero/1.0/>

Title/intro for project

We're referring to this shorthand as "Fifth Avenue", but what are we calling it publicly? Including the vintage logo suggests naming it after the source collection: "Fifth Avenue, New York, From Start to Finish". But we might want to think of a better hook. Street View is the obvious connection, and is how you explain the project when demoing it in person... Street View, Then & Now: Fifth Avenue, NYC... something to that effect. Thoughts/ideas?

header html

the header html should be:

    <a href="//nypl.org" target="_blank" title="open nypl.org in a new window"><span class="lion">The New York Public Library</span></a> A <a href="//publicdomain.nypl.org">public domain remix</a> by Bert Spaan of <a href="http://labs.nypl.org">NYPL Labs</a>, using the <a href="http://digitalcollections.nypl.org/collections/fifth-avenue-new-york-from-start-to-finish#/?tab=about">Fifth Avenue from Start to Finish collection</a>. <a href="//github.com/nypl-publicdomain/fifth-avenue">View source code</a>.

(add a link on name if desired)

the corresponding css to the .lion element is:

.lion {
  display: inline-block;
  background: transparent url(../images/lion-rev.png) no-repeat;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  font-size: 1px;
  color: #000; /* this should be the background color of the parent element */
  vertical-align: middle;
}

the image for the lion is (white on white seems invisible here but it's there):
lion-rev

add readme

the “footer” text will be:

### About the NYPL Public Domain Release

On January 6, 2016, The New York Public Library enhanced access to public domain items in Digital Collections so that everyone has the freedom to enjoy and reuse these materials in almost limitless ways. For all such items the Library now makes it possible to download the highest resolution images available directly from the Digital Collections website. 

That means more than 187,000 items free to use without restriction! But we know that 180K of anything is a lot to get your head around — so as a way to introduce you to these collections and inspire new works, NYPL Labs developed a suite of projects and tools to help you explore the vast collections and dive deep into specific ones. 

Go forth & re-use; apply for our Remix Residency; and let us know what you made with the #nyplpd hashtag. For more info, links to our projects and more, visit:

- [More about our public domain release](http://publicdomain.nypl.org)
- Remix Residency
- [Data & Tools](https://github.com/NYPL-publicdomain/data-and-utilities)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.