Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 24 additions & 26 deletions prefix_finder/frontend/static/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -538,6 +538,10 @@ fieldset {
background-color: #C02942;
}

.card--deprecated header {
background-color: rgba(0, 0, 0, 0.7);;
}

.topbar {
position: relative;
background-color: rgba(0, 0, 0, 0.05);
Expand Down Expand Up @@ -876,6 +880,9 @@ fieldset {
.list-group--fallback h1 {
background-color: #C02942;
}
.list-group--deprecated h1 {
background-color:rgba(0, 0, 0, 0.7);
}

.single-content {
margin-left: auto;
Expand Down Expand Up @@ -919,6 +926,7 @@ fieldset {
font-weight: 400;
}
}

.single-content__header {
background-color: #00a6ab;
}
Expand All @@ -940,6 +948,11 @@ fieldset {
.single-content__header .button {
float: right;
}

.single-content__header_warning {
background-color: lightcoral;
}

@media (min-width: 64em) {
.single-content__main {
float: left;
Expand Down Expand Up @@ -998,7 +1011,6 @@ fieldset {

.single-categories__item {
padding: 15px;
background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 64em) {
.single-categories__item {
Expand All @@ -1019,12 +1031,6 @@ fieldset {
.single-categories__item p span {
font-weight: 100;
}
.single-categories--coverage {
background-color: rgba(0, 166, 171, 0.1);
}
.single-categories--sectors {
background-color: rgba(227, 168, 48, 0.1);
}

.single-suggest {
padding: 20px;
Expand Down Expand Up @@ -1086,25 +1092,28 @@ fieldset {
.single-sidebar__block p:last-child {
padding-bottom: 20px;
}
.single-sidebar--dark {
.single-content--dark {
background-color: rgba(0, 0, 0, 0.7);
padding: 5px 20px;
}
.single-sidebar--dark h2, .single-sidebar--dark p {
.single-content--dark h2, .single-content--dark p {
color: white;
}
.single-sidebar--dark code {
.single-content--dark code {
padding: 4px;
background-color: rgba(255, 255, 255, 0.1);
font-family: "Lucida Console", "Courier New", monospace;
color: white;
}
.single-sidebar--dark pre {
.single-content--dark pre {
background-color: rgba(255, 255, 255, 0.1);
padding-top: 20px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.single-sidebar--dark pre code {
.single-content--dark pre code {
background-color: transparent;
}

Expand Down Expand Up @@ -1301,20 +1310,6 @@ fieldset {
padding: 5px 10px;
color: white;
}
.about-page__half--left {
display: inline-block;
vertical-align: top;
width: 50%;
margin-right: -5px;
padding-right: 10px;

}
.about-page__half--right {
display: inline-block;
vertical-align: top;
width: 50%;
padding-left: 10px;
}
.about-page__code {
background-color: #e0e0e0;
margin-bottom: 20px;
Expand Down Expand Up @@ -1402,3 +1397,6 @@ fieldset {
.sidebar .chosen-drop {
width: 100%;
}
.align-right {
text-align: right;
}
10 changes: 5 additions & 5 deletions prefix_finder/frontend/templates/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,21 @@
{% load i18n %}
{% block main %}
<main class="main-wrapper" role="main">
{% include "sidebar.html" %}
{% include "sidebar.html" with sidebar_show_about_link=False %}
<div class="main-content single-content about-page">
<div>
<h1 class="about-page__header">{% trans "About" %}</h1>
</div>

<div class="about-page__half--left">
<div>
<h2>What?</h2>
<p><strong>org-id.guide is the easiest, quickest and most accurate way to locate organization identifiers.</strong></p>
<p>We maintain a register of organization lists. Those lists, in turn, provide unique identifiers for companies, charities, government agencies and other kinds of organizations.</p>
<p>We provide a code for each list, so that with the code, plus the identifier, you should be able to uniquely and unambiguously identify any organization in the world.</p>
<p>Many of the lists in our register are official identifier sources (such as a country company register); other lists may be maintained by third-parties. When we can, we link out to websites where you can look up a specific organization, although we also include codes for lists that don't provide a public search service.</p>
<p>We welcome new additions or updates to the register. We don't pre-judge the kinds of lists that should be included - but we do make sure the register includes good meta-data. We use that meta-data to provide a quality score that indicates how accessible and stable identifiers from the list are likely to be.</p>
</div>
<div class="about-page__half--right">
<div>
<h2>Why?</h2>
<p>org-id.guide has been created by a partnership of open data standards groups in order to provide a robust, shared approach to the use of <strong>open</strong>, <strong>interoperable</strong> and <strong>unambiguous</strong> organization identifers.</p>
<p>It is a collaborative project designed to fill a gap in our shared data infrastructure.</p>
Expand All @@ -35,7 +35,7 @@ <h2>Why?</h2>
<div>
<h1 class="about-page__header">How do I use it?</h1>
</div>
<div class="about-page__half--left">
<div>
<h2 id="data-creators">Data creators</h2>
<p>Are you collecting or publishing data about organizations? </p>
<p><strong>First</strong>, make sure you are collecting an identifier for each organization, as well as a name. You can lookup the best identifier list to use based on the country, organization type, or sector you are managing data for.</p>
Expand All @@ -51,7 +51,7 @@ <h2 id="data-creators">Data creators</h2>
}</code></pre>

</div>
<div class="about-page__half--right">
<div>

<h2 id="data-users">Data users</h2>
<p>If you’ve come across an organization identifier, you can use org-id.guide to find out more about it and where to locate related open data.</p>
Expand Down
166 changes: 114 additions & 52 deletions prefix_finder/frontend/templates/list.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,83 +5,145 @@

{% block main %}
<main class="main-wrapper" role="main">
{% include "sidebar.html" %}
{% include "sidebar.html" with sidebar_show_download_links=False %}

<div class="main-content single-content">
<header class="single-content__header">

<header class="single-content__header {% if org_list.deprecated %}single-content__header_warning{% endif %}">
<a href="{{ org_list.url }}" class="button" target="_blank"><i class="material-icons" title="Visit website for this list">launch</i></a>
<h1>{{ org_list.name.en }} <span>({{ org_list.code }})</span></h1>

{% if org_list.deprecated %}
<h1>This record is deprecated and should only be used for interpreting older datasets.</h1>
{% endif %}
</header>

<div class="single-content__sidebar single-sidebar">
<div class="single-sidebar__block quality-chart quality-chart--high" data-chart="{{ org_list.quality }}">
<div id="quality-chart-container"></div>

<div class="single-content__block single-description">
<h2>Description</h2>
<p>{{ org_list.description.en|urlize|linebreaks }}</p>
</div>

{% if not org_list.deprecated %}
<div class="single-meta-info__instructions">
{% if org_list.access.onlineAccessDetails %}
<h3>Search options</h3>
<p>{{ org_list.access.onlineAccessDetails|urlize|linebreaks }}</p>
{% endif %}
<h3>Find and use identifiers</h3>
{% if org_list.access.guidanceOnLocatingIds %}
<p>{{ org_list.access.guidanceOnLocatingIds|urlize|linebreaks }}</p>
{% endif %}
{% if org_list.access.publicDatabase %}
<p class="align-right">
<a href="{{ org_list.access.publicDatabase }}" target="_blank" class="button button--main-color">
Search the list here <i class="material-icons" title="Visit website for this list">launch</i>
</a>
</p>
{% elif org_list.url %}
<p class="align-right">
<a href="{{ org_list.url }}" target="_blank" class="button button--main-color">
Visit the website <i class="material-icons" title="Visit website for this list">launch</i>
</a>
</p>
{% endif %}
</div>
<div class="quality-chart__list-type quality-chart--high">
<p>List Type: <span>{{ org_list.listType }}</span></p>
</div>

<div class="single-sidebar__block single-sidebar--dark">
<div class="single-content__block single-content--dark">
<h2>How to use</h2>
<p>The code for this list is <br/><code>{{ org_list.code }}</code>. When you have located the organization you wish to identify in this list, you should either:</p>
<p>The code for this list is <code>{{ org_list.code }}</code>.</p>
<p>When you have located the organization you wish to identify in this list, you should either:</p>
<p>Enter it in an identifier database field prefixed with <code>{{ org_list.code }}</code>.</p>
<pre>
<code>{{ org_list.code }}-[ IDENTIFIER ]</code>
</pre>
{% if org_list.access.exampleIdentifiers|length >= 1 %}
{% if org_list.access.exampleIdentifiers|length == 1 %}
<h2>Example</h2>
{% else %}
<h2>Examples</h2>
{% endif %}
<pre>
{% for x in org_list.access.exampleIdentifiers|split_examples:","|slice:":3" %}
{% if org_list.access.exampleIdentifiers|length == 1 %}
<h2>Example</h2>
{% else %}
<h2>Examples</h2>
{% endif %}
<pre>
{% for x in org_list.access.exampleIdentifiers|split_examples:","|slice:":3" %}
<code>{{ org_list.code }}-{{ x }}</code>
{% endfor %}
</pre>
{% endfor %}
</pre>
{% endif %}
<p>Alternatively, use it within a two-part identifier, with <code>{{ org_list.code }}</code> as the 'scheme', and the identifier you have located as the 'identifier' field. </p>
</div>
</div>
{% endif %}

<div class="single-content__main">

<div class="single-content__block single-description">
<h2>Description</h2>
<p>{{ org_list.description.en|urlize|linebreaks }}</p>
</div>
<div class="single-content__block single-meta-info">
<ul class="single-meta-info__categories single-categories">
<li class="single-categories__item">
<p>Coverage: {% for code, title, disabled in org_list.coverage_codes_and_titles %}<span><abbr title="{{ title }}">{{ code }}</abbr>{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% if org_list.subnationalCoverage %}
<li class="single-categories__item">
<p>Subnational jurisdiction: {% for code in org_list.subnationalCoverage %}<span>{{ code }}{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% endif %}

<div class="single-content__block single-meta-info">
<ul class="single-meta-info__categories single-categories">
<li class="single-categories__item single-categories--coverage">
<p>Coverage: {% for code, title, disabled in org_list.coverage_codes_and_titles %}<span><abbr title="{{ title }}">{{ code }}</abbr>{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
{% if org_list.structure %}
<li class="single-categories__item">
<p>Legal structure: {% for code in org_list.structure %}<span>{{ code }}{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% endif %}

{% if org_list.sector %}
<li class="single-categories__item single-categories--sectors">
<p>Sectors: {% for x in org_list.sector %}<span>{{ x }}{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% endif %}
</ul>
{% if org_list.sector %}
<li class="single-categories__item">
<p>Sectors: {% for x in org_list.sector %}<span>{{ x }}{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% endif %}

<div class="single-meta-info__instructions">
{% if org_list.access.onlineAccessDetails %}
<h3>Search options</h3>
<p>{{ org_list.access.onlineAccessDetails|urlize|linebreaks }}</p>
{% endif %}
<h3>Find and use identifiers</h3>
{% if org_list.access.guidanceOnLocatingIds %}
<p>{{ org_list.access.guidanceOnLocatingIds|urlize|linebreaks }}</p>
{% else %}
<p><a href="{{ org_list.url }}" target="_blank">Visit the website.</a></p>
{% endif %}
</div>
</div>
<li class="single-categories__item">
<p>List Type: <span>{{ org_list.listType }}</span></p>
</li>

<div class="single-content__block single-suggest">
<p>You can suggest an edit to our information about this list by <a href="https://github.com/org-id/register/issues/new">posting an issue</a> or <a href="https://github.com/org-id/register/edit/{{ branch }}/lists/{{ org_list.code|lower|split_on:"-"|first }}/{{ org_list.code|lower }}.json">submitting a pull request</a>.</p>
<p>The <a href="http://docs.org-id.guide/en/latest/contribute/#proposing-a-correction-or-update" target="_blank">contributors handbook</a> details how to propose changes to an existing list, and how you can request or propose a new list.</p>
</div>
<!-- access_availableOnline Access - Available online? boolean View -->
<!-- access_onlineAccessDetails Access - Online access details string View -->
<!-- access_publicDatabase Access - List URL string View -->
<!-- access_guidanceOnLocatingIds Access - How to locate identifiers string View -->
<!-- access_exampleIdentifiers Access - Example identifiers string View -->
<!-- access_languages Access - Languages list-strings View -->

<!-- data_availability Dataset access - Data availability list-strings View -->
<!-- data_dataAccessDetails Dataset access - Data access details string View -->
<!-- data_features Dataset access - Dataset features list-strings View -->
<!-- data_licenseStatus Dataset access - License status string View -->
<!-- data_licenseDetails Dataset access - License details string View -->

<!-- meta_source Meta - Source string View -->
<!-- meta_lastUpdated Meta - Last updated string View -->


{% if org_list.links.opencorporates %}
<li class="single-categories__item">
<p>Open Corporates Link: <span><a href="{{ org_list.links.opencorporates }}">{{ org_list.links.opencorporates }}</a></span></p>
</li>
{% endif %}

{% if org_list.links.wikipedia %}
<li class="single-categories__item">
<p>Wikipedia page: <span><a href="{{ org_list.links.wikipedia }}">{{ org_list.links.wikipedia }}</a></span></p>
</li>
{% endif %}

{% if org_list.formerPrefixes %}
<li class="single-categories__item">
<p>Former list codes: {% for x in org_list.formerPrefixes %}<span>{{ x }}{% if not forloop.last %},{% endif %} </span>{% endfor %}</p>
</li>
{% endif %}


</ul>

</div>

<div class="single-content__block single-suggest">
<p>You can suggest an edit to our information about this list by <a href="https://github.com/org-id/register/issues/new">posting an issue</a> or <a href="https://github.com/org-id/register/edit/{{ branch }}/lists/{{ org_list.code|lower|split_on:"-"|first }}/{{ org_list.code|lower }}.json">submitting a pull request</a>.</p>
<p>The <a href="http://docs.org-id.guide/en/latest/contribute/#proposing-a-correction-or-update" target="_blank">contributors handbook</a> details how to propose changes to an existing list, and how you can request or propose a new list.</p>
</div>
</div>
</main>
Expand Down
Loading