aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Newbold <bnewbold@robocracy.org>2022-02-08 19:02:34 -0800
committerBryan Newbold <bnewbold@robocracy.org>2022-02-09 17:35:50 -0800
commit6976b6868cdf0628aa79d47aab4e889a9ccfc0dc (patch)
tree8f98a95d915af0bbac6035f9909516edc69ec39a
parent3e67a62ea11a9f8cd8c9f21e1019150d9ecca3b0 (diff)
downloadfatcat-6976b6868cdf0628aa79d47aab4e889a9ccfc0dc.tar.gz
fatcat-6976b6868cdf0628aa79d47aab4e889a9ccfc0dc.zip
container SERP: fix layout on mobile
-rw-r--r--python/fatcat_web/templates/container_search.html7
-rw-r--r--python/fatcat_web/templates/entity_macros.html109
2 files changed, 62 insertions, 54 deletions
diff --git a/python/fatcat_web/templates/container_search.html b/python/fatcat_web/templates/container_search.html
index f091fc3b..0031a0a8 100644
--- a/python/fatcat_web/templates/container_search.html
+++ b/python/fatcat_web/templates/container_search.html
@@ -33,7 +33,12 @@
{% if found %}
{% if found.results %}
- {{ search_macros.top_results(query, found) }}
+ <div>
+ <div class="mobile-hide" style="float: right; margin-left: 0.5em; margin-top:0px; width: 150px; text-align: right;">
+ <i>Content Status</i>
+ </div>
+ {{ search_macros.top_results(query, found) }}
+ </div>
<br clear="all">
{% for entity in found.results %}
diff --git a/python/fatcat_web/templates/entity_macros.html b/python/fatcat_web/templates/entity_macros.html
index b801f3c5..6ad63a14 100644
--- a/python/fatcat_web/templates/entity_macros.html
+++ b/python/fatcat_web/templates/entity_macros.html
@@ -268,9 +268,63 @@
{% macro container_search_result_row(entity, show_stats=False) -%}
- <div>
+ <div class="ui stackable doubling grid">
+ <div class="twelve wide column">
+ <h4 style="margin-bottom: 0em; font-size: 1.1em;">
+ <a href="/container/{{ entity.ident }}" style="color: #2224c7;">{{ entity['name'] }}</a>
+ </h4>
+ {% if entity.original_name %}
+ <i>{{ entity.original_name }}</i></br>
+ {% endif %}
+ {% if entity.publisher %}
+ <a href="/container/search?q=publisher:%22{{ entity.publisher }}%22" style="color: black; margin-top: 0em;">{{ entity.publisher }}</a>
+ <br>
+ {% endif %}
+ {% if entity.issnl %}
+ <a href="https://portal.issn.org/resource/ISSN/{{ entity.issnl }}" style="color: green;">issnl:{{ entity.issnl }}</a> &nbsp;
+ {% endif %}
+ {% if entity.wikidata_qid %}
+ <a href="https://wikidata.org/wiki/{{ entity.wikidata_qid }}" style="color: green;">wikidata:{{ entity.wikidata_qid }}</a> &nbsp;
+ {% endif %}
+ {% if entity.dblp_prefix %}
+ <a href="https://dblp.org/db/{{ entity.dblp_prefix }}/index.html" style="color: green;">dblp:{{ entity.dblp_prefix }}</a> &nbsp;
+ {% endif %}
+ {% if entity.ia_sim_collection %}
+ <a href="https://archive.org/details/{{ entity.ia_sim_collection }}" style="color: green;">[archive.org]</a> &nbsp;
+ {% elif entity.sim_pubid %}
+ <a href="https://archive.org/search.php?query=sim_pubid%3A{{ entity.sim_pubid }}%20mediatype%3Acollection" style="color: green;">[archive.org]</a> &nbsp;
+ {% endif %}
+ {# too much clutter
+ {% if entity.country_code %}
+ <span style="color: black;">country:{{ entity.country_code }}</span> &nbsp;
+ {% endif %}
+ {% for lang in entity.languages %}
+ <span style="color: black;">lang:{{ lang }}</span> &nbsp;
+ {% endfor %}
+ {% if entity.any_kbart %}
+ <span style="color: black;">[KBART]</span> &nbsp;
+ {% endif %}
+ <br>
+ #}
+ {% if entity.in_doaj %}
+ <span style="color: #c54e00;">[DOAJ]</span> &nbsp;
+ {% endif %}
+ {% if entity.in_road %}
+ <span style="color: #c54e00;">[ROAD]</span> &nbsp;
+ {% endif %}
+ {% if entity.is_oa and not (entity.in_doaj or entity.in_road) %}
+ <span style="color: #c54e00;">[open-access]</span> &nbsp;
+ {% endif %}
+ {% if entity.container_type and entity.container_type != "journal" %}
+ <b>[{{ entity.container_type }}]</b> &nbsp;
+ {% endif %}
+ {% if entity.publication_status and entity.publication_status != "active" %}
+ <span style="color: brown;">{{ entity.publication_status }}</span> &nbsp;
+ {% endif %}
+ </div>
+
{% if show_stats %}
- <div style="float: right; margin-left: 0.5em; margin-top:0px; width: 150px; text-align: right;">
+ <div class="four wide right aligned column">
{% if entity.releases_total %}
<b>~{{ "{:,}".format(entity.releases_total) }}</b> releases
{% elif entity.releases_total == 0 %}
@@ -281,57 +335,6 @@
{% endif %}
</div>
{% endif %}
- <h4 style="margin-top: 1em; margin-bottom: 0em; font-size: 1.1em;">
- <a href="/container/{{ entity.ident }}" style="color: #2224c7;">{{ entity['name'] }}</a>
- </h4>
- {% if entity.original_name %}
- <i>{{ entity.original_name }}</i></br>
- {% endif %}
- {% if entity.publisher %}
- <a href="/container/search?q=publisher:%22{{ entity.publisher }}%22" style="color: black; margin-top: 0em;">{{ entity.publisher }}</a>
- <br>
- {% endif %}
- {% if entity.issnl %}
- <a href="https://portal.issn.org/resource/ISSN/{{ entity.issnl }}" style="color: green;">issnl:{{ entity.issnl }}</a> &nbsp;
- {% endif %}
- {% if entity.wikidata_qid %}
- <a href="https://wikidata.org/wiki/{{ entity.wikidata_qid }}" style="color: green;">wikidata:{{ entity.wikidata_qid }}</a> &nbsp;
- {% endif %}
- {% if entity.dblp_prefix %}
- <a href="https://dblp.org/db/{{ entity.dblp_prefix }}/index.html" style="color: green;">dblp:{{ entity.dblp_prefix }}</a> &nbsp;
- {% endif %}
- {% if entity.ia_sim_collection %}
- <a href="https://archive.org/details/{{ entity.ia_sim_collection }}" style="color: green;">[archive.org]</a> &nbsp;
- {% elif entity.sim_pubid %}
- <a href="https://archive.org/search.php?query=sim_pubid%3A{{ entity.sim_pubid }}%20mediatype%3Acollection" style="color: green;">[archive.org]</a> &nbsp;
- {% endif %}
- {# too much clutter
- {% if entity.country_code %}
- <span style="color: black;">country:{{ entity.country_code }}</span> &nbsp;
- {% endif %}
- {% for lang in entity.languages %}
- <span style="color: black;">lang:{{ lang }}</span> &nbsp;
- {% endfor %}
- {% if entity.any_kbart %}
- <span style="color: black;">[KBART]</span> &nbsp;
- {% endif %}
- <br>
- #}
- {% if entity.in_doaj %}
- <span style="color: #c54e00;">[DOAJ]</span> &nbsp;
- {% endif %}
- {% if entity.in_road %}
- <span style="color: #c54e00;">[ROAD]</span> &nbsp;
- {% endif %}
- {% if entity.is_oa and not (entity.in_doaj or entity.in_road) %}
- <span style="color: #c54e00;">[open-access]</span> &nbsp;
- {% endif %}
- {% if entity.container_type and entity.container_type != "journal" %}
- <b>[{{ entity.container_type }}]</b> &nbsp;
- {% endif %}
- {% if entity.publication_status and entity.publication_status != "active" %}
- <span style="color: brown;">{{ entity.publication_status }}</span> &nbsp;
- {% endif %}
</div>
{% endmacro %}