Update About window

- Add Zotero logo
- Move most acknowledgements to the website, where they can be more more
easily updated and more comprehensive
- Increase font size
- Center window on screen
This commit is contained in:
Dan Stillman 2021-03-29 01:34:24 -04:00
parent 31d095fb42
commit 6d212b1759
6 changed files with 67 additions and 83 deletions

View file

@ -16,7 +16,9 @@
<script src="include.js"/>
<vbox id="aboutcontent">
<label id="name" value="Zotero"/>
<div xmlns="http://www.w3.org/1999/xhtml">
<img id="logo" src="chrome://zotero/skin/zotero.svg" alt="Zotero" />
</div>
<hbox>
<label id="version"/>
<label id="changelog" class="zotero-text-link" href="https://www.zotero.org/support/changelog" value="&zotero.whatsNew;"/>
@ -24,10 +26,10 @@
<script>
document.getElementById('version').textContent = Zotero.version;
</script>
<hbox>
<vbox id="column1">
<vbox>
<div id="about-text" xmlns="http://www.w3.org/1999/xhtml">
<p id="created-by"></p>
<p id="third-party-software"></p>
<p id="get-involved"></p>
<script><![CDATA[
// Replace [links] in localized strings with spans with onclick handlers
@ -37,11 +39,20 @@
Zotero.Utilities.htmlSpecialChars(Zotero.getString('about.createdBy'))
.replace(
/\[([^\]]+)](.+)\[([^\]]+)]/,
`<span data-href="https://rrchnm.org/">$1</span>`
`<span data-href="https://digitalscholar.org/">$1</span>`
+ '$2'
+ `<span data-href="https://www.zotero.org/support/credits_and_acknowledgments">$3</span>`
);
document.getElementById('third-party-software').innerHTML =
Zotero.Utilities.htmlSpecialChars(Zotero.getString('about.openSource'))
.replace(
/\[([^\]]+)](.+)\[([^\]]+)]/,
`<span data-href="https://www.zotero.org/support/licensing">$1</span>`
+ '$2'
+ `<span data-href="https://www.zotero.org/support/credits_and_acknowledgments#third-party_software">$3</span>`
);
document.getElementById('get-involved').innerHTML =
Zotero.Utilities.htmlSpecialChars(Zotero.getString('about.getInvolved'))
.replace(
@ -58,35 +69,6 @@
}
]]></script>
</div>
<label class="subhead" value="&zotero.thanks;"/>
<vbox class="subcontent">
<label class="zotero-text-link" href="http://www.mellon.org/" value="Andrew W. Mellon Foundation"/>
<label class="zotero-text-link" href="http://www.imls.gov/" value="Institute of Museum and Library Services"/>
<label class="zotero-text-link" href="http://www.sloan.org/" value="Alfred P. Sloan Foundation"/>
</vbox>
</vbox>
<vbox id="column2">
<label class="subhead" value="&zotero.citationProcessing;"/>
<vbox class="subcontent">
<label class="zotero-text-link" href="http://citationstyles.org/" value="Citation Style Language"/>
<label class="zotero-text-link" href="https://github.com/Juris-M/citeproc-js" value="citeproc-js (Frank Bennett)"/>
</vbox>
<label class="subhead" value="&zotero.about.additionalSoftware;"/>
<vbox class="subcontent">
<label class="zotero-text-link" href="https://ace.c9.io/" value="ACE Editor (translator code editor)"/>
<label class="zotero-text-link" href="http://bluebirdjs.com/" value="Bluebird"/>
<label class="zotero-text-link" href="http://p.yusukekamiyamane.com/" value="Fugue icons (by Yusuke Kamiyamane)"/>
<label class="zotero-text-link" href="http://www.davidashen.net/rnv.html" value="RNV (CSL validation)"/>
<label class="zotero-text-link" href="https://codefisher.org/pastel-svg/" value="Pastel SVG icons (by Michael Buckley)"/>
<label class="zotero-text-link" href="http://www.famfamfam.com/lab/icons/silk/" value="Silk icons (by Mark James)"/>
<label class="zotero-text-link" href="http://simile.mit.edu/timeline/" value="SIMILE Project (Timeline)"/>
<label class="zotero-text-link" href="https://github.com/gildas-lormeau/SingleFile" value="SingleFile (webpage snapshots)"/>
<label class="zotero-text-link" href="http://www.w3.org/2005/ajar/tab" value="Tabulator (RDF parser)"/>
<label class="zotero-text-link" href="http://tango.freedesktop.org/Tango_Desktop_Project" value="Tango Desktop Project (pref icons)"/>
<label class="zotero-text-link" href="https://www.tinymce.com/" value="TinyMCE (rich-text editing)"/>
<label class="zotero-text-link" href="http://www.foolabs.com/xpdf/" value="Xpdf (pdftotext)"/>
</vbox>
</vbox>
</hbox>
</vbox>
</dialog>

View file

@ -5351,7 +5351,7 @@ var ZoteroPane = new function()
* Opens the about dialog
*/
this.openAboutDialog = function() {
window.openDialog('chrome://zotero/content/about.xul', 'about', 'chrome');
window.openDialog('chrome://zotero/content/about.xul', 'about', 'chrome,centerscreen');
}
/**

View file

@ -6,8 +6,7 @@
<!ENTITY zotero.developers "Developers:">
<!ENTITY zotero.alumni "Alumni:">
<!ENTITY zotero.about.localizations "Localizations:">
<!ENTITY zotero.about.additionalSoftware "Third-Party Software and Standards:">
<!ENTITY zotero.executiveProducer "Executive Producer:">
<!ENTITY zotero.about.additionalSoftware "Third-Party Software:">
<!ENTITY zotero.thanks "Special Thanks:">
<!ENTITY zotero.about.close "Close">
<!ENTITY zotero.moreCreditsAndAcknowledgements "More Credits &amp; Acknowledgements">

View file

@ -86,7 +86,8 @@ general.operationInProgress.waitUntilFinishedAndTryAgain = Please wait until it
networkError.connectionNotSecure = %S could not make a secure connection.
networkError.errorViaProxy = Error connecting via proxy server
about.createdBy = Zotero is a project of the [Roy Rosenzweig Center for History and New Media] and is developed by a [global community].
about.createdBy = Zotero is a project of [Digital Scholar] and is developed by a [global community].
about.openSource = Zotero is [open-source software] and depends on many [exceptional open-source projects].
about.getInvolved = Want to help? [Get involved] today!
punctuation.openingQMark = "

View file

@ -8,22 +8,13 @@ dialog
#aboutcontent
{
background: white;
padding: 10px;
padding: 10px 16px;
font-size: 13px;
margin-bottom: 10px;
}
#column1 {
width: 23em;
padding-right: 2em;
}
#column2 {
margin-right: 1em;
}
#name
{
font-size: large;
font-weight: bold;
#logo {
margin: 7px 0 0 7px;
}
#version

View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="32" viewBox="0 0 108 32">
<title>Zotero</title>
<g>
<path d="M15.541,8.359,4.032,23.48H15.96V26H0V23.983L11.507,8.863H.588V6.344H15.541Z" fill="#cc2936"/>
<path d="M38.135,16.172a10.743,10.743,0,0,1-.776,4.116,9.743,9.743,0,0,1-5.46,5.439,11.132,11.132,0,0,1-4.222.777,11.006,11.006,0,0,1-4.178-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.778-4.116,10.7,10.7,0,0,1,.778-4.116A9.735,9.735,0,0,1,23.5,6.617a10.987,10.987,0,0,1,4.178-.778,11.113,11.113,0,0,1,4.222.778,9.735,9.735,0,0,1,5.46,5.439A10.739,10.739,0,0,1,38.135,16.172Zm-3.023,0a8.816,8.816,0,0,0-.526-3.066A7.355,7.355,0,0,0,33.1,10.628a7,7,0,0,0-2.331-1.659,8.116,8.116,0,0,0-6.174,0,6.775,6.775,0,0,0-2.309,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.775,6.775,0,0,0,2.309,1.659,8.141,8.141,0,0,0,6.174,0A7,7,0,0,0,33.1,21.716a7.33,7.33,0,0,0,1.491-2.479A8.807,8.807,0,0,0,35.112,16.172Z" fill="#222"/>
<path d="M51.659,8.863h-5.67V20.456a6.294,6.294,0,0,0,.21,1.785,2.52,2.52,0,0,0,.589,1.071,2.019,2.019,0,0,0,.9.525,4.237,4.237,0,0,0,1.155.146,5.479,5.479,0,0,0,1.47-.209,6.806,6.806,0,0,0,1.386-.546l.126,2.562a8.907,8.907,0,0,1-3.738.714,6.99,6.99,0,0,1-1.659-.21,3.912,3.912,0,0,1-1.575-.8,4.392,4.392,0,0,1-1.176-1.6,6.409,6.409,0,0,1-.462-2.646V8.863H39.059V6.344h4.158V.8h2.772V6.344h5.67Z" fill="#222"/>
<path d="M55.69,16.928A8.434,8.434,0,0,0,56.4,19.7a7.253,7.253,0,0,0,3.781,3.738,6.783,6.783,0,0,0,2.729.545,7,7,0,0,0,3.844-1.028,7.7,7.7,0,0,0,2.457-2.373l2.141,1.764a10.652,10.652,0,0,1-3.884,3.192,10.868,10.868,0,0,1-4.558.966,10.471,10.471,0,0,1-4.053-.777,9.508,9.508,0,0,1-3.213-2.163,10.247,10.247,0,0,1-2.121-3.276,10.724,10.724,0,0,1-.777-4.116,10.963,10.963,0,0,1,.757-4.116,9.977,9.977,0,0,1,2.1-3.277,9.663,9.663,0,0,1,3.151-2.162,9.77,9.77,0,0,1,3.905-.778,9.575,9.575,0,0,1,3.99.8,8.865,8.865,0,0,1,2.961,2.12,9.076,9.076,0,0,1,1.827,3.109,11.337,11.337,0,0,1,.63,3.8v1.26ZM69.046,14.66a6.291,6.291,0,0,0-1.68-4.557,6.226,6.226,0,0,0-4.7-1.744,6.717,6.717,0,0,0-2.6.525,7.339,7.339,0,0,0-2.2,1.408,7.029,7.029,0,0,0-1.512,2.016,5.186,5.186,0,0,0-.568,2.352Z" fill="#222"/>
<path d="M76.145,12.476q0-1.3-.064-2.646t-.1-3.486h2.729V10h.084a6.1,6.1,0,0,1,.84-1.534,6.6,6.6,0,0,1,1.323-1.322A6.511,6.511,0,0,1,82.759,6.2a7.114,7.114,0,0,1,2.331-.357,7.52,7.52,0,0,1,2.058.252L86.6,8.821a4.7,4.7,0,0,0-1.6-.21,5.7,5.7,0,0,0-2.73.61,6.075,6.075,0,0,0-1.89,1.554,6.446,6.446,0,0,0-1.113,2.037,6.75,6.75,0,0,0-.357,2.1V26H76.145Z" fill="#222"/>
<path d="M107.644,16.172a10.724,10.724,0,0,1-.777,4.116,9.743,9.743,0,0,1-5.46,5.439,11.126,11.126,0,0,1-4.221.777,11.008,11.008,0,0,1-4.179-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.777-4.116,10.7,10.7,0,0,1,.777-4.116,9.735,9.735,0,0,1,5.46-5.439,10.989,10.989,0,0,1,4.179-.778,11.107,11.107,0,0,1,4.221.778,9.735,9.735,0,0,1,5.46,5.439A10.721,10.721,0,0,1,107.644,16.172Zm-3.024,0a8.839,8.839,0,0,0-.525-3.066,7.387,7.387,0,0,0-1.491-2.478,7.006,7.006,0,0,0-2.332-1.659,8.114,8.114,0,0,0-6.173,0,6.769,6.769,0,0,0-2.31,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.769,6.769,0,0,0,2.31,1.659,8.138,8.138,0,0,0,6.173,0,7.006,7.006,0,0,0,2.332-1.659,7.362,7.362,0,0,0,1.491-2.479A8.83,8.83,0,0,0,104.62,16.172Z" fill="#222"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB