Modified for new UI
tmitche2
parent
e5e3cb88a0
commit
cdf0a9a759
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 984 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
|
|
@ -1,44 +1,130 @@
|
|||
.info-card {
|
||||
border: 2px solid black;
|
||||
border-radius: 1em;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 1em;
|
||||
body{
|
||||
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.info-card dt {
|
||||
font-weight: bold;
|
||||
.body{
|
||||
/* background-image: url("background-gray.png"); */
|
||||
background-image: url("books.jpg");
|
||||
background-size: cover;
|
||||
/* background-image: linear-gradient(#475059,#cad5e0, #475059); */
|
||||
margin:0px;
|
||||
padding:30px 0px;
|
||||
}
|
||||
|
||||
.info-card dd {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.info-card ul.child-renewal {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
fieldset.usa-fieldset legend {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
.search {
|
||||
/* position:relative; */
|
||||
width: fit-content;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding: 30px 20px;
|
||||
/* padding-top:10%; */
|
||||
background-color:#E4E6E9;
|
||||
border: solid #969FAA 8px;
|
||||
border-radius: 46px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav.pagination {
|
||||
margin-bottom: 1rem;
|
||||
.search p {
|
||||
line-height: 1.5em;
|
||||
width: 75%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
nav.pagination li {
|
||||
display: inline-block;
|
||||
padding: 0 1em;
|
||||
h1{
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
header {
|
||||
margin-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
input {
|
||||
width: 80%;
|
||||
height:30px;
|
||||
padding-left: 5px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.usa-logo {
|
||||
margin-top: 0;
|
||||
button{
|
||||
width: 10%;
|
||||
border-radius: 5px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: black;
|
||||
/* padding:2%; */
|
||||
padding-left: 10px;
|
||||
overflow: hidden;
|
||||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
top: 0;
|
||||
}
|
||||
.totheleft{
|
||||
float:left;
|
||||
color:white;
|
||||
font-size:40px;
|
||||
text-align:center;
|
||||
padding: 10px 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.totheright {
|
||||
float:right;
|
||||
color:white;
|
||||
font-size:20px;
|
||||
text-align:center;
|
||||
padding: 20px 20px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.totheright a {
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
padding-right: 15px
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* FOR THE RESULTS PAGE */
|
||||
|
||||
.results {
|
||||
/* position:relative; */
|
||||
width: 80%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding: 30px 20px;
|
||||
/* padding-top:10%; */
|
||||
background-color:#E4E6E9;
|
||||
border: solid #969FAA 4px;
|
||||
border-radius: 46px;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: fit-content;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding: 10px 20px;
|
||||
/* padding-top:10%; */
|
||||
background-color:#E4E6E9;
|
||||
border: solid #969FAA 4px;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* FOR THE ABOUT PAGE */
|
||||
|
||||
.about {
|
||||
/* position:relative; */
|
||||
width: 65%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
padding: 30px 20px;
|
||||
/* padding-top:10%; */
|
||||
background-color:#E4E6E9;
|
||||
border: solid #969FAA 8px;
|
||||
border-radius: 46px;
|
||||
text-align: center;
|
||||
}
|
||||
.about p {
|
||||
line-height: 1.5em;
|
||||
width: 95%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
|
@ -1,46 +1,32 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block header %}
|
||||
<h2>About this project</h2>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<p>This is an unofficial, experimental interface for searching records from the
|
||||
US Copyright Office's <i>Catalog of Copyright Entries</i> digitized by NYPL. You
|
||||
can read about the inception and progress of the project in two blog
|
||||
posts: <a href="https://www.nypl.org/blog/2018/03/30/unlocking-record-american-creativity">Unlocking
|
||||
the Record of American Creativity—with Your Help</a>
|
||||
and <a href="https://www.nypl.org/blog/2019/05/31/us-copyright-history-1923-1964">https://www.nypl.org/blog/2019/05/31/us-copyright-history-1923-1964</a></p>
|
||||
|
||||
<p>Renewals have been searchable for many years thanks to the <a href="https://exhibits.stanford.edu/copyrightrenewals?forward=home">Copyright Renewals project</a> at Stanford. The digitization of <em>registrations</em> by NYPL allows us to find renewed and <em>unrenewed</em> works with equal ease. Search results in this interface contain registrations with their associated renewals, registrations with no known renewals, as well as renewal entries on their own.</p>
|
||||
|
||||
<h2>What's in the Data?</h2>
|
||||
|
||||
<p>This dataset contains registrations from all the book volumes of the <i>Catalog of Copyright Entries</i>, 1923 to 1969, but <em>not including</em> the “pamphlet” volumes (part 1, group 2) from 1923 to 1953. It contains all renewals from book volumes from 1923 to 1977, including “pamphlet” volumes (from Project Gutenberg transcriptions) and all renewals from <em>all classes</em> of works from 1978 to 1991 (from the Copyright Office database).</p>
|
||||
|
||||
<p>Clearly there are many renewal records for items not yet included in the registrations but, in theory, <em>all</em> book renewals should be included here. That said, these search results are far from definitive. The data still requires cleanup (see <a href="#reporting-errors">How to report a problem or error</a> below).</p>
|
||||
|
||||
<h2 id="reporting-errors">How to report a problem or error</h2>
|
||||
|
||||
<p>If the problem is with this website and not the data, for instance broken
|
||||
links, server errors, or ideas for improvement, you
|
||||
can <a href="https://github.com/seanredmond/cce-search-prototype/issues">submit
|
||||
an issue on Github</a>.</p>
|
||||
|
||||
<p>If you find an error in the data please submit in issue <a href="https://github.com/NYPL/catalog_of_copyright_entries_project/issues">via the Github repository for the registrations</a> unless you are certain that problem is in a renewal entry, in which case you can submit an issue via the <a href="https://github.com/NYPL/cce-renewals/issues">renewals repository</a>. Data problems may involve simple typos, mistakes in parsing, or missing or mistaken links between registrations and renewals. When reporting data problems, please include the CCEIDs of the entries involved. The CCEID is the string of 32 letters in numbers at the end of each record, such as “be62f40e-6d17-1014-b416-88728c01eda4”.</p>
|
||||
|
||||
<p>If you are comfortable with git and editing large XML files, you can also submit a pull request.</p>
|
||||
|
||||
<h2 id="get-code">Get the Code</h2>
|
||||
|
||||
<p>Registration and renewal data is in the Public Domain and available from two repositories:</p>
|
||||
|
||||
<ul>
|
||||
<li>Registrations: <a href="https://github.com/NYPL/catalog_of_copyright_entries_project">https://github.com/NYPL/catalog_of_copyright_entries_project</a></li>
|
||||
<li>Renewals: <a href="https://github.com/NYPL/cce-renewals">https://github.com/NYPL/cce-renewals</a></li>
|
||||
</ul>
|
||||
|
||||
<p>Code for this website is available from its own repository: <a href="https://github.com/seanredmond/cce-search-prototype">https://github.com/seanredmond/cce-search-prototype</a></p>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="stylesheet" href="/static/styles.css">
|
||||
<head>
|
||||
<title>Copyright Renewals</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class ="totheleft">
|
||||
<a>Copyright Renewals</a>
|
||||
</div>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
<div class = "totheright">
|
||||
<a href="main.html">Search</a>
|
||||
<a href="about">About Us</a>
|
||||
<a href="#">Copyrights</a>
|
||||
<a href="#">NYPL</a>
|
||||
<!-- <a href="#">Back to Search</a> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div class="about">
|
||||
<h1>About</h1>
|
||||
<p>Many books published between 1923 through 1977 may be in the public domain either because their copyright was not registered, or because their copyrights were not renewed after an initial term. Unfortunately, determining the copyright status of these books requires a review of the copyright records of registration and renewal. Unfortunately, these records were all on paper. Digital scans of these records were made, and are available from the Internet Archive, but searching the scans is not easy.</p>
|
||||
<p>To make this task more manageable, work has gone underway to convert the Catalog of Copyright Entries (CCEs) into well-structured XML data. The CCEs are comprised of about 450,000 pages and are printed compilations of brief registration and renewal records. These records were published by the Copyright Office at regular intervals, ranging in length from semi-weekly to semi-annually. The CCEs are divided by classes of works, such as books, periodicals, music, drama, maps, photographs, etc. Conversion of a set of 10,000 pages of book registration records published between 1923 and 1964 has been completed, and the result is publicly <a href="https://github.com/NYPL/catalog_of_copyright_entries_project">available</a>.</p>
|
||||
<p>This website serves as a user-friendly interface for librarians, archivists, and rights researchers to make use of the XML data.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,102 +1,41 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}{% endblock %} - CCE Search</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='uswds.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:site" content="@rdmond" />
|
||||
<meta name="twitter:title" content="Unofficial copyright search prototype" />
|
||||
<meta name="twitter:description" content="Unofficial, experimental interface to search records digitized by NYPL's Catalog of Copyright Entries project" />
|
||||
<meta name="twitter:image" content="https://cce-search.herokuapp.com/static/cce-volume.jpg" />
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/static/styles.css">
|
||||
|
||||
<head>
|
||||
<title>Copyright Renewals</title>
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
<a class="usa-skipnav" href="#main-content">Skip to main content</a>
|
||||
<div class="header">
|
||||
<div class ="totheleft">
|
||||
<a>Copyright Renewals</a>
|
||||
</div>
|
||||
|
||||
|
||||
<header class="usa-header usa-header--basic grid-container" role="banner">
|
||||
<div class="grid-row">
|
||||
<div class="grid-col-10">
|
||||
<div class="usa-logo">
|
||||
<h1 class="usa-logo__text">
|
||||
<a href="/" title="Home" aria-label="Home">US Copyright Search</a>
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div>Search for copyright registrations and renewals on books from the <i>Catalog of Copyright Entries</i></div>
|
||||
</div>
|
||||
<div class="grid-col-2">
|
||||
<nav role="navigation" class="usa-nav">
|
||||
<ul class="usa-nav__primary usa-accordion">
|
||||
<li class="usa-nav__primary-item">
|
||||
<a class="usa-nav__link" href="/">Search</a>
|
||||
</li>
|
||||
<li class="usa-nav__primary-item">
|
||||
<a class="usa-nav__link" href="/about">About
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class = "totheright">
|
||||
<a href="#">Search</a>
|
||||
<a href="about">About Us</a>
|
||||
<a href="#">Copyrights</a>
|
||||
<a href="#">NYPL</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<main id="main-content" class="grid-container">
|
||||
{% block header %}{% endblock %}
|
||||
{% for message in get_flashed_messages() %}
|
||||
<div class="flash">{{ message }}</div>
|
||||
{% endfor %}
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
|
||||
<footer class="usa-footer usa-footer--slim" role="contentinfo">
|
||||
<div class="grid-container usa-footer__return-to-top">
|
||||
<a href="#">Return to top</a>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div class = "search">
|
||||
<h1>Copyright Search</h1>
|
||||
<p>Search for copyright registrations and renewals on books from the Catalog of Copyright Entries.</p>
|
||||
<p>Find a book:</p>
|
||||
<form>
|
||||
<input type="text" name="title" placeholder="Title"><br>
|
||||
<input type="text" name="author" placeholder="Author"><br>
|
||||
<input type="text" name="publisher" placeholder="Publisher"><br>
|
||||
<input type="text" name="registration" placeholder="Registration Number"><br>
|
||||
<input type="text" name="renewal" placeholder="Renewal Number"><br>
|
||||
<button type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="usa-footer__primary-section">
|
||||
<div class="grid-row grid-row maxw-desktop margin-x-auto desktop:padding-x-4">
|
||||
<div class="mobile-lg:grid-col-8">
|
||||
<nav class="usa-footer__nav">
|
||||
<ul class="add-list-reset grid-row grid-gap">
|
||||
<li class="mobile-lg:grid-col-6 desktop:grid-col-auto usa-footer__primary-content">
|
||||
<a class="usa-footer__primary-link" href="/">Search</a>
|
||||
</li>
|
||||
<li class="mobile-lg:grid-col-6 desktop:grid-col-auto usa-footer__primary-content">
|
||||
<a class="usa-footer__primary-link" href="/about">About</a>
|
||||
</li>
|
||||
<li class="mobile-lg:grid-col-6 desktop:grid-col-auto usa-footer__primary-content">
|
||||
<a class="usa-footer__primary-link" href="/about#reporting-errors">Report an Error</a>
|
||||
</li>
|
||||
<li class="mobile-lg:grid-col-6 desktop:grid-col-auto usa-footer__primary-content">
|
||||
<a class="usa-footer__primary-link" href="/about#get-code">Get the Code</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="mobile-lg:grid-col-4">
|
||||
<address class="usa-footer__address">
|
||||
<div class="grid-row grid-gap mobile-lg:grid-gap-0">
|
||||
<div class="grid-col-auto mobile-lg:grid-col-12 desktop:grid-col-auto">
|
||||
<div class="usa-footer__contact-info">
|
||||
<a href="https://twitter.com/rdmond">@rdmond</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="usa-footer__secondary-section">
|
||||
<div class="grid-container">
|
||||
<div class="usa-footer__logo grid-row grid-gap-2">
|
||||
An unofficial, experimental interface to search records digitized by NYPL's <a href="https://github.com/NYPL/catalog_of_copyright_entries_project">Catalog of Copyright Entries project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue