diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cf04832 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +*.ttf +_old diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..e69de29 diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..54d4da5 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +shakenbaby.science \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..3fe8617 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 Cyrille Rossant + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..6297c46 --- /dev/null +++ b/README.md @@ -0,0 +1,166 @@ +# Shaken Baby Syndrome: Investigating the Abusive Head Trauma Controversy + +[![](img/SBS_Book_MockUp_01.webp)](http://shakenbaby.science/) + +The first collaborative, multidisciplinary **academic textbook** to tackle the scientific reliability of medical determinations of **abusive head injuries** in infants, a highly controversial subject at the intersection of medicine, science, and law. + +## Book info + +* Publisher: [Cambridge University Press](https://www.cambridge.org/core/books/shaken-baby-syndrome/67016F1A1F6ED92141A179E9A5D145FB) +* Publication date: May 2023 +* Online ISBN: 9781009177894 + +### Preorder + +Hardcover copies will be available in UK stores in May 2023, and in US stores in July 2023. + +Preorder now on: + +* [**Cambridge University Press**](https://www.cambridge.org/core/books/shaken-baby-syndrome/67016F1A1F6ED92141A179E9A5D145FB) +* [**Waterstones**](https://www.waterstones.com/book/shaken-baby-syndrome/keith-a-findley/cyrille-rossant/9781009384766) +* [**Blackwell's**](https://blackwells.co.uk/bookshop/product/Shaken-Baby-Syndrome-by-Keith-Findley-editor/9781009384766) +* [**WHSmith**](https://www.whsmith.co.uk/products/shaken-baby-syndrome-investigating-the-abusive-head-trauma-controversy/keith-a-findley/cyrille-rossant/hardback/9781009384766.html) +* [**Barnes & Noble**](https://www.barnesandnoble.com/w/shaken-baby-syndrome-keith-a-findley/1143053792) +* [**Bookshop**](https://bookshop.org/p/books/shaken-baby-syndrome-investigating-the-abusive-head-trauma-controversy-leila-schneps/19790464?ean=9781009384766) +* [**Amazon UK**](https://www.amazon.co.uk/Shaken-Baby-Syndrome-Investigating-Controversy/dp/1009177885/) +* [**Amazon US**](https://www.amazon.com/Shaken-Baby-Syndrome-Investigating-Controversy/dp/1009384767) + +## News + +You'll find here the latest updates and errata about the book: + +- 2023-02-19: initial README + +## Co-editors + +* [**Keith A. Findley**](https://secure.law.wisc.edu/profiles/kafindle), University of Wisconsin, Madison, US +* [**Cyrille Rossant**](https://cyrille.rossant.net/), University College London, UK +* [**Kana Sasakura**](https://researchers.adm.konan-u.ac.jp/html/90_en.html), Konan University, Japan +* [**Leila Schneps**](https://en.wikipedia.org/wiki/Leila_Schneps), Sorbonne Université, Paris, France +* [**Waney Squier**](https://en.wikipedia.org/wiki/Waney_Squier), formerly John Radcliffe Hospital, Oxford, UK +* [**Knut Wester**](https://www.uib.no/en/persons/Knut.Wester), Universitetet i Bergen, Norway + +## Topic + +For the past decades, a growing body of scientific studies in **neuropathology, neurology, biomechanics, statistics, and psychology** has cast doubt on the forensic reliability of medical determinations of **Shaken Baby Syndrome (SBS)**, also known as **Abusive Head Trauma (AHT)**. Studies have increasingly documented that the same findings are caused not only by non-accidental trauma, but also by accidental short falls and a wide range of medical conditions. Nevertheless, inaccurate diagnoses, unrealistic confidence expression, and **wrongful convictions** continue to this day. + +Bringing together contributions from a **multidisciplinary expert panel** of 32 world-leading professionals, this landmark book explains the scientific evidence challenging the reliability of determinations of SBS/AHT and advances efforts to evaluate how deaths and serious brain injuries in infants should be analysed and investigated. + +## Table of contents + +| # | Author | Chapter | +| --- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | +| | Barry Scheck | Foreword | +| 1 | Chris Brook | Maintaining the Orthodoxy and Silencing Dissent | +| 2 | Randy Papetti | The History of SBS | +| | | **MEDICINE** | +| 3 | Waney Squier, Tommie Olofsson | The neuropathology of SBS or retinodural haemorrhage of infancy | +| 4 | Julie Mack, Waney Squier | The importance of the correlation between radiology and pathology in SBS | +| 5 | Knut Wester, Johan Wikström | SBS, AHT – or just a type of hydrocephalus? | +| 6 | Knut Wester, Johan Wikström, Joseph Scheller | SBS or benign external hydrocephalus - how is AHT depicted in the scientific literature? | +| 7 | Marta Cohen | Are some cases of sudden infant death syndrome incorrectly diagnosed as SBS? | +| 8 | Bernard Echenne | AHT: the importance of predisposing factors | +| 9 | Marvin Miller | How I Became a SBS Skeptic Paediatrician | +| | | **SCIENCE** | +| 10 | Niels Lynoe, Anders Eriksson | The Swedish systematic literature review on suspected traumatic shaking (SBS) and its aftermath | +| 11 | Deborah Davis, Richard Leo | Interrogation and the Infanticide Suspect: Mechanisms of Vulnerability to False Confession | +| 12 | Keith Findley | Can confession substitute for science in SBS/AHT? | +| 13 | Jeff Kukucka, Keith Findley | Cognitive Bias in Medicolegal Judgments | +| 14 | Kirk Thibault | Biomechanical forensic analysis of shaking and short fall head injury mechanisms in infants and young children | +| 15 | Leila Schneps | When lack of information leads to apparent paradoxes and wrong conclusions: analysis of a seminal article on short falls | +| 16 | Ulf Högberg | Epidemiology of findings claimed to be highly specific for SBS/AHT, a prerequisite to improve diagnosis of child abuse | +| 17 | Norman Fenton, Scott McLachlan | SBS: Exploring concerns about the ‘triad’ diagnosis and its statistical validation using a causal Bayesian Network | +| | | **LAW** | +| 18 | Felicity Goodyear-Smith | Mandatory reporting of child maltreatment | +| 19 | Kathleen Pakes | SBS/AHT Opinion Evidence in U.S. Courts | +| 20 | Keith Findley | Undoing Wrongful Convictions: Exonerating the Innocent in SBS/AHT Cases | +| | | **INTERNATIONAL** | +| 21 | Clive Stafford Smith | Ptolemy rather than Copernicus — The State of SBS In the British Legal System | +| 22 | Cyrille Rossant, Grégoire Etrillard | SBS in France | +| 23 | Ulf Högberg, Goran Högberg | Sweden and SBS/AHT | +| 24 | Kana Sasakura | SBS/AHT in Japan | +| 25 | Chris Brook, Michael Nott | SBS in Australia | +| 26 | Multiple authors | SBS around the world | + + + +## Further information, references + +The book contains hundreds of references. You'll find a small selection of references below. Many more can be found on [Cyrille Rossant's introduction to the SBS/AHT controversy](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/). + +### Articles + +* [**Zahl et al., 2021.** Thrombosis is not a marker of bridging vein rupture in infants with alleged abusive head trauma](https://onlinelibrary.wiley.com/doi/full/10.1111/apa.15908) + +* [**Narang et al., 2020.** Abusive Head Trauma in Infants and Children](https://publications.aap.org/pediatrics/article/145/4/e20200203/36936/Abusive-Head-Trauma-in-Infants-and-Children) + +* [**Papetti, 2019.** Outside the Echo Chamber: A Response to the Consensus Statement on Abusive Head Trauma in Infants and Young Children](https://heinonline.org/HOL/Page?collection=journals&handle=hein.journals/saclr59&id=299&men_tab=srchresults) + +* [**Findley et al., 2019.** Feigned consensus: usurping the law in shaken baby syndrome/abusive head trauma prosecutions](https://heinonline.org/hol-cgi-bin/get_pdf.cgi?handle=hein.journals/wlr2019§ion=41) + +* [**Choudhary et al., 2018.** Consensus statement on abusive head trauma in infants and young children](https://link.springer.com/article/10.1007/s00247-018-4149-1) + +* [**Lynøe et al., 2017.** Insufficient evidence for 'shaken baby syndrome'—a systematic review](https://onlinelibrary.wiley.com/doi/abs/10.1111/apa.13760) + +* [**SBU, 2016.** Traumatic shaking – The role of the triad in medical investigations of suspected traumatic shaking](https://www.sbu.se/en/publications/sbu-assesses/traumatic-shaking--the-role-of-the-triad-in-medical-investigations-of-suspected-traumatic-shaking/) + +* [**Squier et al., 2016**. Infants dying suddenly and unexpectedly share demographic features with infants who die with retinal and dural bleeding: a review of neural mechanisms](https://onlinelibrary.wiley.com/doi/full/10.1111/dmcn.13202) + +* [**Ontario Ministry of the Attorney General, 2011.** Committee Report To The Attorney General: Shaken Baby Death Review](https://wayback.archive-it.org/16312/20210402060719/http://www.attorneygeneral.jus.gov.on.ca/english/about/pubs/sbdrt/sbdrt.html) + +* [**Guthkelch, 2012.** Problems of Infant Retino-Dural Hemorrhage with Minimal External Injury](https://heinonline.org/HOL/Page?handle=hein.journals/hhpol12&div=14&g_sent=1&collection=journals) + +* [**Squier, 2011.** The "Shaken Baby" syndrome: pathology and mechanisms](https://link.springer.com/article/10.1007/s00401-011-0875-2) + +* [and more...](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/#sec-academic) + + +### Books + +* [**Papetti, 2018.** The Forensic Unreliability of the Shaken Baby Syndrome](https://www.sbsbook.com/) + +* [**Tuerkheimer, 2014.** Flawed Convictions: "Shaken Baby Syndrome" and the Inertia of Injustice](https://global.oup.com/academic/product/flawed-convictions-9780190233617) + +* [**Palusci, Lazoritz, 2001.** The Shaken Baby Syndrome: A Multidisciplinary Approach](https://www.routledge.com/The-Shaken-Baby-Syndrome-A-Multidisciplinary-Approach/Palusci-Lazoritz/p/book/9780429235979) + +* [and more...](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/#sec-books) + + +### Videos + +* [**TEDxWandsworth, Waney Squier, 2016.** I believed in Shaken Baby Syndrome until science showed I was wrong](https://www.ted.com/talks/waney_squier_i_believed_in_shaken_baby_syndrome_until_science_showed_i_was_wrong) + +* [**TEDxButler, Jessica Henry, 2021.** No-Crime Wrongful Convictions](https://www.youtube.com/watch?v=f42eXvvxK9g) + +* [**Retro report, 2015.** The Nanny Murder Case: Shaken Baby Syndrome on Trial](https://www.retroreport.org/video/a-syndrome-on-trial/) + +* [**Interview with Norman Guthkelch, 2015.**](https://www.retroreport.org/video/mini-doc/the-doctor/) + +* [and more...](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/#sec-films) + + +### Press investigations + +* [**The Appeal, 2022.** A Judge Finally Called Bs On ‘Shaken Baby Syndrome'](https://theappeal.org/new-jersey-shaken-baby-syndrome-bs/) + +* [**The Appeal, 2020.** How Dubious Science Helped Put A New Jersey Woman In Prison For Killing A Baby In Her Care](https://theappeal.org/new-jersey-woman-prison-shaken-baby-syndrome/) + +* [**The Guardian, 2017.** ‘We believe you harmed your child': the war over shaken baby convictions](https://www.theguardian.com/news/2017/dec/08/shaken-baby-syndrome-war-over-convictions) + +* [**New Scientist, 2016.** Evidence of 'shaken baby' questioned by controversial study](https://www.newscientist.com/article/mg23230994-100-evidence-of-shaken-baby-questioned-by-controversial-study/) + +* [**New York Times, 2015.** Shaken Baby Syndrome: A Diagnosis That Divides the Medical World](https://www.nytimes.com/2015/09/14/us/shaken-baby-syndrome-a-diagnosis-that-divides-the-medical-world.html) + +* [**Washington Post, 2015.** A disputed diagnosis imprisons parents](https://www.washingtonpost.com/graphics/investigations/shaken-baby-syndrome/) + +* [and more...](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/#sec-press) + + +### Blog + +* [**Rossant, 2022.** An Introduction to the Scientific Controversy over Shaken Baby Syndrome](https://cyrille.rossant.net/introduction-shaken-baby-syndrome-controversy/) + + +### Errata + +* [None yet.](#errata) diff --git a/cookies.html b/cookies.html new file mode 100644 index 0000000..40d7e2d --- /dev/null +++ b/cookies.html @@ -0,0 +1,544 @@ + + +
+
COOKIE POLICY
+

+
Last updated March 13, 2023
+

+

+

+
This Cookie Policy explains how Editors of the Shaken Baby Science book ("Company," "we," "us," and "our") uses cookies and similar technologies to recognize you when you visit our website at https://shakenbaby.science ("Website"). It explains what these technologies are and why we use them, as well as your rights to control our use of them.
+

+
In some cases we may use cookies to collect personal information, or that becomes personal information if we combine it with other information.
+

+
What are cookies?
+

+
Cookies are small data files that are placed on your computer or mobile device when you visit a website. Cookies are widely used by website owners in order to make their websites work, or to work more efficiently, as well as to provide reporting information.
+

+
Cookies set by the website owner (in this case, Editors of the Shaken Baby Science book) are called "first-party cookies." Cookies set by parties other than the website owner are called "third-party cookies." Third-party cookies enable third-party features or functionality to be provided on or through the website (e.g., advertising, interactive content, and analytics). The parties that set these third-party cookies can recognize your computer both when it visits the website in question and also when it visits certain other websites.
+

+
Why do we use cookies?
+

+
We use first- and third-party cookies for several reasons. Some cookies are required for technical reasons in order for our Website to operate, and we refer to these as "essential" or "strictly necessary" cookies. Other cookies also enable us to track and target the interests of our users to enhance the experience on our Online Properties. Third parties serve cookies through our Website for advertising, analytics, and other purposes. This is described in more detail below.
+

+
How can I control cookies?
+

+
You have the right to decide whether to accept or reject cookies. You can exercise your cookie rights by setting your preferences in the Cookie Consent Manager. The Cookie Consent Manager allows you to select which categories of cookies you accept or reject. Essential cookies cannot be rejected as they are strictly necessary to provide you with services.
+

+
The Cookie Consent Manager can be found in the notification banner and on our website. If you choose to reject cookies, you may still use our website though your access to some functionality and areas of our website may be restricted. You may also set or amend your web browser controls to accept or refuse cookies. 
+

+
The specific types of first- and third-party cookies served through our Website and the purposes they perform are described in the table below (please note that the specific cookies served may vary depending on the specific Online Properties you visit):
+
+

Analytics and customization cookies:
+

These cookies collect information that is used either in aggregate form to help us understand how our Website is being used or how effective our marketing campaigns are, or to help us customize our Website for you.

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:statcounter_session
Purpose:__________
Provider:shakenbaby.science
Service:__________  
Country:Netherlands
Type:html_session_storage
Expires in:session
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:statcounter_bounce
Purpose:__________
Provider:shakenbaby.science
Service:__________  
Country:Netherlands
Type:html_session_storage
Expires in:session
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:statcounter_tab_session
Purpose:__________
Provider:shakenbaby.science
Service:__________  
Country:Netherlands
Type:html_session_storage
Expires in:session
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:is_unique
Purpose:__________
Provider:.statcounter.com
Service:__________  
Country:United States
Type:server_cookie
Expires in:4 years 11 months 29 days
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:_ga
Purpose:Records a particular ID used to come up with data about website usage by the user
Provider:.shakenbaby.science
Service:Google Analytics View Service Privacy Policy  
Country:Netherlands
Type:http_cookie
Expires in:2 hours
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:sc_medium_source
Purpose:__________
Provider:shakenbaby.science
Service:__________  
Country:Netherlands
Type:html_local_storage
Expires in:persistent
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:is_visitor_unique
Purpose:__________
Provider:.statcounter.com
Service:__________  
Country:United States
Type:http_cookie
Expires in:1 year 11 months 29 days
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:sc_is_visitor_unique
Purpose:__________
Provider:.shakenbaby.science
Service:__________  
Country:Netherlands
Type:http_cookie
Expires in:1 year 11 months 29 days
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:statcounter_config
Purpose:__________
Provider:shakenbaby.science
Service:__________  
Country:Netherlands
Type:html_session_storage
Expires in:session
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name:_ga_#
Purpose:Used to distinguish individual users by means of designation of a randomly generated number as client identifier, which allows calculation of visits and sessions
Provider:.shakenbaby.science
Service:Google Analytics View Service Privacy Policy  
Country:Netherlands
Type:http_cookie
Expires in:2 hours
+
+
+
+
+

+
How can I control cookies on my browser?
+

+
As the means by which you can refuse cookies through your web browser controls vary from browser to browser, you should visit your browser's help menu for more information. The following is information about how to manage cookies on the most popular browsers:
+ +
In addition, most advertising networks offer you a way to opt out of targeted advertising. If you would like to find out more information, please visit:
+ +

+
What about other tracking technologies, like web beacons?
+

+
Cookies are not the only way to recognize or track visitors to a website. We may use other, similar technologies from time to time, like web beacons (sometimes called "tracking pixels" or "clear gifs"). These are tiny graphics files that contain a unique identifier that enables us to recognize when someone has visited our Website or opened an email including them. This allows us, for example, to monitor the traffic patterns of users from one page within a website to another, to deliver or communicate with cookies, to understand whether you have come to the website from an online advertisement displayed on a third-party website, to improve site performance, and to measure the success of email marketing campaigns. In many instances, these technologies are reliant on cookies to function properly, and so declining cookies will impair their functioning. + +
+

+
Do you use Flash cookies or Local Shared Objects?
+

+
Websites may also use so-called "Flash Cookies" (also known as Local Shared Objects or "LSOs") to, among other things, collect and store information about your use of our services, fraud prevention, and for other site operations.
+

+
If you do not want Flash Cookies stored on your computer, you can adjust the settings of your Flash player to block Flash Cookies storage using the tools contained in the Website Storage Settings Panel. You can also control Flash Cookies by going to the Global Storage Settings Panel and following the instructions (which may include instructions that explain, for example, how to delete existing Flash Cookies (referred to "information" on the Macromedia site), how to prevent Flash LSOs from being placed on your computer without your being asked, and (for Flash Player 8 and later) how to block Flash Cookies that are not being delivered by the operator of the page you are on at the time).
+

+
Please note that setting the Flash Player to restrict or limit acceptance of Flash Cookies may reduce or impede the functionality of some Flash applications, including, potentially, Flash applications used in connection with our services or online content. + + +
+

+
Do you serve targeted advertising?
+

+
Third parties may serve cookies on your computer or mobile device to serve advertising through our Website. These companies may use information about your visits to this and other websites in order to provide relevant advertisements about goods and services that you may be interested in. They may also employ technology that is used to measure the effectiveness of advertisements. They can accomplish this by using cookies or web beacons to collect information about your visits to this and other sites in order to provide relevant advertisements about goods and services of potential interest to you. The information collected through this process does not enable us or them to identify your name, contact details, or other details that directly identify you unless you choose to provide these. + +
+

+
How often will you update this Cookie Policy?
+

+
We may update this Cookie Policy from time to time in order to reflect, for example, changes to the cookies we use or for other operational, legal, or regulatory reasons. Please therefore revisit this Cookie Policy regularly to stay informed about our use of cookies and related technologies.
+

+
The date at the top of this Cookie Policy indicates when it was last updated.
+

+
Where can I get further information?
+

+
If you have any questions about our use of cookies or other technologies, please email us at contact@shakenbaby.science or by post to:
+

+
+ Editors of the Shaken Baby Science book +
+
+ __________ + + +
+
+ __________ + + + + +
+
+ United Kingdom + + + + + + + +
+ +
+
+ This cookie policy was created using Termly's Cookie Consent Manager. +
diff --git a/css/details.css b/css/details.css new file mode 100644 index 0000000..9be9779 --- /dev/null +++ b/css/details.css @@ -0,0 +1,167 @@ +/*************************************************************************************************/ +/* DETAILS PAGE */ +/*************************************************************************************************/ + +#contents { + padding-top: 100px; + background-color: var(--theme-color-2); +} + +#contents h2 { + color: var(--theme-color-4); +} + + + +section { + background-color: var(--theme-color-4); +} + +section a { + color: var(--theme-color-2); + font-size: 13pt; +} + +section a:hover { + filter: brightness(125%); +} + +section .wrapper { + max-width: 700px; +} + +section .title { + /* max-width: 700px; */ + margin: 0 auto 35px auto; +} + +section h2 { + text-transform: uppercase; + color: #fff; + text-align: center; + font-size: 24pt; +} + +section h3 { + padding: 0; + color: var(--theme-color-1); + text-align: center; + font-size: 14pt; + line-height: 1.35em; + font-weight: 400; +} + +section p { + color: var(--theme-color-2); + line-height: 1.4em; + font-size: 13pt; +} + +section ul { + padding: 0; +} + +section ul li { + list-style: none; +} + +section ul li { + position: relative; + padding: 0 10px; +} + +section ul li::before, +section ul li::after { + content: ""; + position: absolute; + top: 4px; + border-style: solid; + border-color: transparent; +} + +section ul li::before { + left: -7px; + border-width: 7px; + border-left-color: var(--theme-color-1); +} + +section ul li::after { + left: -8px; + border-width: 8px; + border-left-color: var(--theme-color-1); +} + + + +#books, +#press-investigations { + background-color: var(--theme-color-3); +} + +#books a, +#press-investigations a { + color: #f4f4f4; +} + +#books h2, +#press-investigations h2 { + color: var(--theme-color-4); +} + +#errata { + background-color: #fff; +} + +#errata h2 { + color: var(--theme-color-1); +} + +#errata a { + color: var(--theme-color-3); +} + + + +#contents .wrapper { + padding: 40px 0; + max-width: calc(700px + 5%); +} + +#contents table { + width: 100%; + border-collapse: separate; + border-spacing: .8em; +} + +#contents table thead { + display: none; +} + +#contents table td { + color: var(--theme-color-4); + vertical-align: top; + text-align: left; + font-size: 13pt; +} + +#contents table td:first-of-type { + color: var(--theme-color-3); +} + +#contents table td:nth-of-type(2) { + color: var(--theme-color-4); + font-weight: 500; +} + +#contents table tr.book-section td { + padding: 10px 0; +} + +#contents table td.book-section { + font-weight: 600; + text-align: center; + vertical-align: middle; + font-size: 16pt; + color: #fff; + background-color: #0c707a33; +} diff --git a/css/flickity.min.css b/css/flickity.min.css new file mode 100644 index 0000000..d3472e9 --- /dev/null +++ b/css/flickity.min.css @@ -0,0 +1,4 @@ +/*! Flickity v2.3.0 +https://flickity.metafizzy.co +---------------------------------------------- */ +.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} \ No newline at end of file diff --git a/css/letter.css b/css/letter.css new file mode 100644 index 0000000..9f9e5d5 --- /dev/null +++ b/css/letter.css @@ -0,0 +1,103 @@ +/*************************************************************************************************/ +/* LETTER PAGE */ +/*************************************************************************************************/ + +#contents.letter .wrapper .title h2 { + padding: 0 20px; +} + +#contents .letter { + color: var(--theme-color-4); + padding: 0 20px; +} + +#contents .letter .cap { + font-style: italic; + margin-bottom: 40px; +} + +#contents .letter p { + color: var(--theme-color-5); + font-size: 14pt; +} + +#contents .letter h3 { + padding: 10px 0; + font-weight: 600; + text-align: center; + text-transform: uppercase; + vertical-align: middle; + font-size: 16pt; + color: #fff; + background-color: #0c707a33; + margin-top: 30px; + margin-bottom: 20px; +} + +#contents .letter a { + color: var(--theme-color-4); + font-size: 14pt; +} + +#contents .letter figure { + margin: 40px 0; + color: var(--theme-color-5); +} + +#contents .letter img { + max-width: 100%; + margin-bottom: 10px; +} + +#contents .letter table tr { + height: 36px; +} + +#contents .letter table td { + vertical-align: middle; +} + +#contents .letter table td:nth-of-type(1) { + font-weight: 500; + color: var(--theme-color-4); +} + +#contents .letter table td:nth-of-type(2) { + font-weight: 400; + color: var(--theme-color-5); +} + +#contents .letter table * { + /* color: var(--theme-color-4) !important; */ +} + +#contents .letter table i { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 24px; + height: 24px; + margin-right: 8px; + vertical-align: middle; + position: relative; + top: -2px; +} + +#contents .letter p.button-wrapper { + margin-top: 60px; + text-align: center; +} + +#contents .letter a.button { + text-transform: uppercase; + padding: 14px 36px; + font-size: 15pt; + font-weight: 500; + background-color: var(--theme-color-4); + color: white; + text-align: center; +} + +footer .signatories { + font-style: italic; +} diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..118ce05 --- /dev/null +++ b/css/main.css @@ -0,0 +1,1235 @@ +/*************************************************************************************************/ +/* GENERAL */ +/*************************************************************************************************/ + +:root { + --theme-color-1: #70C2CF; + --theme-color-2: #CCDDDE; + --theme-color-3: #66ACB7; + --theme-color-4: #0C707A; + --theme-color-5: #152829; + + --main-width: 1280px; +} + +@font-face { + font-family: "DINNeuzeitGroteskStd-Bold"; + src: url("../woff/DINNeuzeitGroteskStd-BdCond.woff") format("woff"); +} + +@font-face { + font-family: "DINNeuzeitGroteskStd-Light"; + src: url("../woff/DINNeuzeitGroteskStd-Light.woff") format("woff"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("../woff/Roboto-Regular.woff") format("woff"); +} + +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("../woff/Roboto-Medium.woff") format("woff"); +} + +@font-face { + font-family: "Roboto"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("../woff/Roboto-Italic.woff") format("woff"); +} + +@font-face { + font-family: "Roboto"; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("../woff/Roboto-MediumItalic.woff") format("woff"); +} + + +html, +body { + max-width: 100%; + overflow-x: hidden; +} + +body { + margin: 0; + padding: 0; + + + /* background-size: 1600px; + background-position-x: calc(50% + 30px); + background-position-y: 0px; + background-repeat: no-repeat; + background-image: url('../img/SBS_Book_WebSite.jpg'); + opacity: .75; */ + +} + +html { + scroll-behavior: smooth; + scroll-padding-top: 65px; +} + +* { + font-family: 'Roboto', sans-serif; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + padding: 0; + margin: 0; +} + +a { + text-decoration: none; + color: inherit; +} + +a:hover { + filter: brightness(125%); +} + +summary { + list-style: none; +} + +ul { + list-style: none; +} + +section strong { + font-weight: 500; +} + +abbr[title] { + text-underline-offset: 4px; + text-decoration-thickness: 3px; + text-decoration-color: var(--theme-color-1); +} + +a.anchor { + display: block; +} + + + +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ + +.button { + padding: 10px 32px; + font-size: 11pt; + border: 0; + border-radius: 30px; + cursor: pointer; + white-space: nowrap; +} + +/* LIGHT DEACTIVATED */ +.button { + background-color: var(--theme-color-4); + color: white; +} + +/* LIGHT ACTIVATED */ +.button:hover { + background-color: white; + color: var(--theme-color-4); +} + +/* DARK DEACTIVATED */ +.button.dark { + background-color: var(--theme-color-2); + color: var(--theme-color-4); + font-weight: normal; +} + +/* DARK ACTIVATED */ +.button.dark:hover { + background-color: var(--theme-color-2); + color: var(--theme-color-4); + font-weight: bold; +} + +.button:active { + position: relative; + top: 1px; + left: 1px; +} + + + +/*************************************************************************************************/ +/* HEADER */ +/*************************************************************************************************/ + +header { + margin: 0; + padding: 0; + width: 100%; + height: 69px; + background: var(--theme-color-1); + font-size: 13pt; + position: fixed; + z-index: 10; + + display: flex; + flex-wrap: nowrap; + justify-content: center; +} + +header .wrap-left { + background: var(--theme-color-4); + flex: 1; +} + +header .wrap-center { + background: var(--theme-color-1); + flex: 0 1 1000px; + display: flex; +} + +header .wrap-right { + background-color: --var(--theme-color-1); + flex: 1; +} + +header #cambridge { + background-color: var(--theme-color-4); + flex: 0 0 94px; + height: 100%; + margin: 0; + text-align: right; + text-transform: uppercase; + display: flex; + justify-content: right; + align-items: center; +} + +header #cambridge a { + font-family: 'DINNeuzeitGroteskStd-Bold'; + font-size: 15pt; + color: #fff; + width: 76px; + line-height: .95em; + padding: 8px 10px 4px 0; +} + +header #medicine { + margin: 1px 0 0 10px; + flex: 0; + letter-spacing: 0.01em; + font-weight: 500; + text-transform: uppercase; + display: flex; + justify-content: left; + align-items: center; +} + +header #medicine a { + font-family: 'DINNeuzeitGroteskStd-Light'; + font-size: 10pt; + font-weight: 500; + color: var(--theme-color-4); + width: 112px; + line-height: 1.05em; + padding: 8px 0 4px 0; +} + +header #medicine a:hover { + filter: none; +} + +header #menu { + color: var(--theme-color-4); + flex: 1; + font-size: 12pt; + display: flex; + justify-content: center; + align-items: center; +} + +header #menu ul { + margin: 0; + padding: 0 0 0 48px; + + /* HACK: this prevents the responsive menu from quickly disappearing when dynamically + switching from viewport >1000px to <1000 px */ + transform: translate(0, -100%); + position: relative; + top: 18px; +} + +header #menu ul li { + display: inline; + margin: 0 17px 0 0; +} + +header #menu ul li a:hover { + /* filter: brightness(125%); */ +} + +header #menu .button { + padding: 11px 29px; + /* background-color: var(--theme-color-4); */ + position: relative; + top: 1px; +} + +#menu .collapsible-menu input { + display: none; +} + + + +/*************************************************************************************************/ +/* MAIN */ +/*************************************************************************************************/ + +main { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + align-items: center; +} + +section { + flex: 1; + width: 100%; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} + +section .wrapper { + flex: 1; + width: 100%; + max-width: 1024px; + margin: 0 auto; + padding: 40px 5%; +} + +section h2 { + text-transform: uppercase; + text-align: center; + margin: 0 0 20px 0; + font-size: 24pt; + font-weight: 500; +} + + + +/*************************************************************************************************/ +/* HERO */ +/*************************************************************************************************/ + +#hero { + padding: 100px 0 0 0; + background-color: var(--theme-color-2); +} + +#hero .wrapper { + padding: 20px 0 0 0; + flex: 1; + display: flex; + flex-wrap: wrap; + justify-content: center; + max-width: var(--main-width); +} + +#hero .text { + flex: 2.3; + padding: 8px 0; + margin: 0; + display: flex; + flex-wrap: nowrap; + justify-content: right; + flex-direction: row-reverse; +} + +#hero .text .text-wrapper { + flex: 1; + max-width: 547px; + padding-left: 70px; + padding-right: 28px; +} + +#hero .cover { + display: block; + flex: 1.75; + margin: 0; + width: 100%; + height: 100%; + min-height: 586px; + background-repeat: no-repeat; + /* + background-size: 126%; + background-position: right -10% top 68%; */ + + background-size: 650px; + background-position: left calc(50% - 80px) top -60px; + + background-image: url('../img/SBS_Book_MockUp_01.webp'), url('../img/SBS_Book_MockUp_01s.png'); + + /* Fallback for iOS Safari <= 13 */ + /* @supports (background-image: url('../img/SBS_Book_MockUp_01.webp')) { + background-image: url('../img/SBS_Book_MockUp_01.webp'); + } */ +} + + + +#hero h1 { + text-transform: uppercase; + color: white; + font-family: 'DINNeuzeitGroteskStd-Bold'; + font-size: 44pt; + margin: 18px 0 20px 0; + font-weight: 400; + letter-spacing: .012em; + overflow-wrap: normal; + white-space: nowrap; +} + +#hero h2 { + color: white; + font-family: 'DINNeuzeitGroteskStd-Light'; + text-align: left; + font-size: 22pt; + margin: 0 0 16px 0; + line-height: 1.1em; + letter-spacing: .025em; +} + +#hero h3 { + text-transform: uppercase; + color: var(--theme-color-3); + font-weight: 400; + font-size: 18pt; + margin: 22px 0 0 0; + letter-spacing: .02em; +} + +#hero h4 { + color: var(--theme-color-4); + font-weight: 400; + font-size: 18.5pt; + letter-spacing: .006em; + line-height: 1.1em; +} + +#hero summary { + margin: 15px 0 10px 0; + line-height: 1.32em; + font-size: 15pt; +} + +#hero summary strong { + font-weight: 500; +} + +#hero .buttons { + margin-top: 20px; + padding: 20px 0; +} + +#hero .button { + text-transform: uppercase; + font-size: 14pt; + padding: 16px 39px; + margin-top: 10px; + margin-right: 26px; +} + +/* #hero .button.learn { + background-color: white; + color: var(--theme-color-4); +} */ + +#hero .button.buy { + padding-left: 44px; + padding-right: 44px; +} + + + +/*************************************************************************************************/ +/* KEY POINTS */ +/*************************************************************************************************/ + +#key-points { + background-color: var(--theme-color-4); +} + +#key-points .wrapper { + /* max-width: 960px; */ + /* padding: 40px 40px 50px 40px; */ +} + +#key-points .title { + max-width: 700px; + margin: 0 auto 35px auto; +} + +#key-points h2 { + /* margin: 0 0 8px 0; + padding: 0 0 0 0; */ + text-transform: uppercase; + color: #fff; + text-align: center; + font-size: 24pt; + /* font-weight: 400; */ +} + +#key-points h3 { + padding: 0; + color: var(--theme-color-1); + text-align: center; + font-size: 14pt; + line-height: 1.35em; + font-weight: 400; +} + +#key-points strong { + font-weight: 500; +} + +#key-points .cols { + display: flex; + flex-wrap: wrap; +} + +#key-points .col { + flex: 1 1 200px; + color: var(--theme-color-2); + margin: 0 10px; + padding: 0 10px; + text-align: center; + line-height: 1.4em; + font-size: 13pt; +} + +#key-points .col2 { + flex: 2 2 200px; +} + + + +/*************************************************************************************************/ +/* EDITORS */ +/*************************************************************************************************/ + +#editors { + background-color: #fff; +} + +#editors .wrapper { + /* max-width: 900px; */ + /* padding: 40px 5% 88px 5%; */ + padding-bottom: 80px; +} + +#editors h2 { + color: var(--theme-color-1); + margin-bottom: 0; +} + +#editors .carousel { + width: 100%; + margin: 0; +} + +#editors .quote-wrapper { + width: 100%; + background-image: url("../img/quote0.svg"), url("../img/quote1.svg"); + background-repeat: no-repeat, no-repeat; + background-size: 64px, 64px; + background-position: 17px 16px, right 17px bottom 12px; +} + +#editors .quote { + padding: 25px 15%; + font-size: 20pt; + color: var(--theme-color-4); + text-align: center; + margin: 0 auto; + font-style: italic; + font-weight: 500; + line-height: 1.12em; +} + +#editors figure { + width: 155px; + height: 155px; + margin: 10px auto 22px auto; + border: 7px solid var(--theme-color-1); + border-radius: 100%; + background-repeat: no-repeat; + background-size: 160px; +} + +#editors figure.editor-findley { + background-image: url("../img/editor-findley.jpg"); + /* background-size: 105%; */ + /* background-position: -3px -22px; */ +} + +#editors figure.editor-rossant { + background-image: url("../img/editor-rossant.jpg"); + /* background-size: 105%; */ + /* background-position: -3px -2px; */ +} + +#editors figure.editor-sasakura { + background-image: url("../img/editor-sasakura.jpg"); + /* background-size: 205%; */ + /* background-position: -83px -2px; */ +} + +#editors figure.editor-schneps { + background-image: url("../img/editor-schneps.jpg"); + /* background-size: 105%; */ + /* background-position: -5px -2px; */ +} + +#editors figure.editor-squier { + background-image: url("../img/editor-squier.jpg"); + /* background-size: 205%; */ + /* background-position: -55px -2px; */ +} + +#editors figure.editor-wester { + background-image: url("../img/editor-wester.jpg"); + /* background-size: 105%; */ + /* background-position: -5px -2px; */ +} + +#editors h3 { + color: var(--theme-color-1); + font-size: 20pt; + font-weight: 400; + text-align: center; + margin: 0 0 2px 0; +} + +#editors p { + color: var(--theme-color-4); + margin: 0 auto 32px auto; + font-size: 14pt; + font-weight: 400; + max-width: 600px; + line-height: 1.35em; + text-align: center; + padding: 10px 5%; +} + +.flickity-button { + color: var(--theme-color-4); + opacity: .75; +} + +.flickity-page-dots .dot { + background: var(--theme-color-4); + opacity: .5; + width: 13px; + height: 13px; +} + +.flickity-page-dots .dot:hover { + filter: brightness(125%); +} + +.flickity-page-dots .dot.is-selected { + /* background: var(--theme-color-4); */ + opacity: 1.0; + /* width: 16px; */ + /* height: 16px; */ + position: relative; + top: 1px; +} + + + +/*************************************************************************************************/ +/* AUTHORS */ +/*************************************************************************************************/ + +#authors { + background-color: var(--theme-color-2); +} + +#authors .wrapper { + /* padding-top: 32px; */ +} + +#authors h2 { + color: var(--theme-color-4); + /* margin-top: 14px; + padding-bottom: 8px; */ +} + +#authors summary { + font-size: 14pt; + max-width: 700px; + margin: 10px auto 14px auto; + padding: 0 5% 2% 5%; + text-align: center; + line-height: 1.38em; +} + +#authors summary strong { + font-weight: 500; +} + +#authors summary a { + color: var(--theme-color-4); +} + +#authors .cols { + display: flex; + flex-wrap: wrap; +} + +#authors .cols .col { + flex: 1; + width: 100%; +} + +#authors .cols .col img { + display: block; + max-width: 150px; + margin: 4px auto 24px auto; +} + +#authors .col h3 { + text-align: center; + color: var(--theme-color-1); + font-size: 20pt; + text-transform: uppercase; +} + +#authors ul { + margin: 20px 0; + text-indent: -40px; +} + +#authors ul.medicine { + padding-left: 32.5%; +} + +#authors ul.science { + padding-left: 34%; +} + +#authors ul.law { + padding-left: 42%; +} + +#authors ul li { + color: var(--theme-color-4); + font-size: 13pt; + margin-bottom: 24px; +} + +#authors ul li i { + display: inline-block; + background-size: 100%; + background-repeat: no-repeat; + width: 24px; + height: 24px; + margin-right: 16px; + vertical-align: middle; + position: relative; + top: -2px; +} + +#authors ul li .discipline { + font-size: .9em; + color: var(--theme-color-4); + opacity: 60%; +} + +i.country-au { + background-image: url("../img/SBS_Authors_Country-AU.png"); +} + +i.country-ca { + background-image: url("../img/SBS_Authors_Country-CA.png"); +} + +i.country-fr { + background-image: url("../img/SBS_Authors_Country-FR.png"); +} + +i.country-gb { + background-image: url("../img/SBS_Authors_Country-GB.png"); +} + +i.country-jp { + background-image: url("../img/SBS_Authors_Country-JP.png"); +} + +i.country-nw { + background-image: url("../img/SBS_Authors_Country-NW.png"); +} + +i.country-nz { + background-image: url("../img/SBS_Authors_Country-NZ.png"); +} + +i.country-sw { + background-image: url("../img/SBS_Authors_Country-SW.png"); +} + +i.country-us { + background-image: url("../img/SBS_Authors_Country-US.png"); +} + + + +/*************************************************************************************************/ +/* NUMBERS */ +/*************************************************************************************************/ + +#numbers { + background-color: var(--theme-color-4); +} + +#numbers .wrapper { + display: flex; + justify-content: space-evenly; + padding-top: 60px; + padding-bottom: 60px; + max-width: 820px; +} + +#numbers .wrapper .col { + flex: 1; + width: 100%; +} + +#numbers .col figure { + width: 130px; + height: 130px; + background-size: 100%; + background-repeat: no-repeat; + margin: 0 auto; +} + +#numbers .col1 figure { + background-image: url("../img/Authors_Icon_white.png"); +} + +#numbers .col2 figure { + background-image: url("../img/Countries_Icon_white.png"); +} + +#numbers .col3 figure { + background-image: url("../img/Disciplines_Icon_white.png"); +} + +#numbers .col .number { + font-size: 64pt; + font-weight: bold; + color: white; + margin: 10px auto 0 auto; + text-align: center; +} + +#numbers .col .name { + font-size: 21pt; + font-weight: bold; + color: var(--theme-color-3); + margin: 0 auto; + text-transform: uppercase; + text-align: center; + position: relative; + /* top: -10px; */ +} + + + +/*************************************************************************************************/ +/* TOPIC */ +/*************************************************************************************************/ + +#topic { + background-color: var(--theme-color-3); +} + +#topic .wrapper { + max-width: 1600px; + /* padding: 22px 5% 0 5%; */ + color: var(--theme-color-4); + + background-repeat: no-repeat; + background-size: 700px; + background-position: left calc(50% - 220px) top 80px; + + background-image: url('../img/SBS_Book_MockUp_02.webp'), url('../img/SBS_Book_MockUp_02s.png'); + + /* Fallback for iOS Safari <= 13 */ + /* @supports (background-image: url('../img/SBS_Book_MockUp_02.webp')) { + background-image: url('../img/SBS_Book_MockUp_02.webp'); + } */ +} + +#topic .cols { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +#topic .cols figure { + flex: 1; + margin: 0; + width: 100%; + height: 100%; + min-height: 600px; +} + +#topic .cols .text { + flex: 1; + color: #fff; + display: flex; + flex-wrap: nowrap; + justify-content: left; + flex-direction: row; +} + +#topic .cols .text-wrapper { + flex: 1; + max-width: 400px; + padding: 0 40px; + /* padding-right: 20px; */ +} + +#topic .cols .text-wrapper p { + margin: 0 0 25px 0; + font-size: 14pt; + line-height: 1.39em; +} + +#topic .cols .text-wrapper p:last-of-type { + /* margin-bottom: 50px; */ +} + + + +/*************************************************************************************************/ +/* INFO */ +/*************************************************************************************************/ + +#info { + background-color: #fff; +} + +#info .wrapper { + width: 100%; + text-align: center; + /* padding-bottom: 20px; */ +} + +#info h2 { + color: var(--theme-color-3); + /* margin: 25px auto 2px auto; */ +} + +#info summary { + color: var(--theme-color-4); + text-align: center; + font-size: 18pt; + padding: 0 5%; +} + +#info .buttons { + margin: 55px auto; +} + +#info .button { + text-transform: uppercase; + padding: 14px 36px; + font-size: 15pt; + font-weight: 400; +} + +#info .button.contents { + /* background-color: var(--theme-color-4); + color: white; */ + margin-right: 30px; +} + +#info .button.updates { + /* background-color: var(--theme-color-2); + color: var(--theme-color-4); */ +} + +/* #info .button.updates:hover { */ +/* filter: brightness(105%); */ +/* } */ + + + +/*************************************************************************************************/ +/* FURTHER */ +/*************************************************************************************************/ + +#further { + background-color: var(--theme-color-2); +} + +#further .wrapper { + /* padding-bottom: 58px; */ +} + +#further h2 { + color: var(--theme-color-4); + /* margin-top: 26px; */ +} + +#further a:hover { + filter: brightness(105%); +} + +#further ul { + padding: 0; + margin-top: 40px; + display: flex; + justify-content: center; + align-items: center; +} + +#further ul li { + flex: 1; +} + +#further ul li figure { + width: 100px; + height: 100px; + background-size: 100%; + background-repeat: no-repeat; + margin: 0 auto 36px auto; +} + +#further ul li.col1 figure { + background-image: url("../img/FurtherIcon-Papers.png"); +} + +#further ul li.col2 figure { + background-image: url("../img/FurtherIcon-Books.png"); +} + +#further ul li.col3 figure { + background-image: url("../img/FurtherIcon-Video.png"); +} + +#further ul li.col4 figure { + background-image: url("../img/FurtherIcon-Websites.png"); +} + +#further ul li.col5 figure { + background-image: url("../img/FurtherIcon-Blog.png"); +} + +#further ul li h3 { + text-transform: uppercase; + color: var(--theme-color-1); + font-size: 20pt; + text-align: center; +} + + + +/*************************************************************************************************/ +/* MESSAGE */ +/*************************************************************************************************/ + +#message { + background-color: var(--theme-color-4); + text-align: center; + width: 100%; +} + +#message .wrapper { + /* padding-bottom: 28px; */ + display: block; +} + +#message h2 { + padding: 5px 10% 0 10%; + color: #fff; +} + +#message form { + margin: 43px auto 20px auto; +} + +#message form input, +#message form textarea { + display: block; + width: 50%; + padding: 11px 18px; + margin: 22px auto; + border-radius: 10px; + border: 0; + font-size: 14pt; +} + +#message form input::placeholder, +#message form textarea::placeholder { + color: #aaa; +} + +#message form textarea { + height: 200px; + min-height: 50px; + max-height: 500px; + min-width: 20%; + max-width: 512px; + margin-bottom: 30px; +} + +#message input.submit { + width: 20%; + min-width: 200px; + text-transform: uppercase; + background-color: var(--theme-color-2); + color: var(--theme-color-4); + border-radius: 30px; + padding: 16px; + cursor: pointer; + font-weight: normal; +} + +#message input.submit:hover { + /* filter: brightness(125%); */ + font-weight: bold; +} + +#message input.submit:active { + position: relative; + top: 1px; + left: 1px; +} + +#message #inline-badge { + display: flex; + justify-content: center; + align-items: center; + visibility: collapse; + margin-bottom: -50px; +} + + + +/*************************************************************************************************/ +/* MAIL */ +/*************************************************************************************************/ + +#mail { + background-color: #fff; +} + +#mail .wrapper { + /* padding-top: 22px; + padding-bottom: 22px; */ + width: 100%; +} + +#mail h2 { + color: var(--theme-color-3); + text-transform: none; + font-size: 30pt; + max-width: 70%; + margin: 14px auto; + /* line-height: 1.25em; */ + overflow-wrap: break-word; +} + +#mail h2>span { + white-space: nowrap; +} + +#mail a { + display: block; + /* HACK: fix on Safari, no nice word break between the parts of the email otherwise */ + font-size: 0; + color: var(--theme-color-4); +} + +#mail a span { + font-size: 30pt; + white-space: nowrap; +} + + + +/*************************************************************************************************/ +/* FOOTER */ +/*************************************************************************************************/ + +footer { + background-color: var(--theme-color-3); + /* width: 100%; */ + padding: 26px 5% 60px 5%; +} + +footer .copyright { + color: #fff; + text-align: center; + font-size: 13pt; +} + +footer .copyright a { + opacity: .75; +} + +footer .copyright a:hover { + opacity: .85; +} + +footer .privacy { + color: var(--theme-color-4); + text-align: center; + font-size: 16pt; + margin-top: 0; + text-transform: uppercase; + line-height: 1.5em; +} + +footer .privacy a { + margin: 0; + font-size: 18pt; + padding: 0 36px 0 28px; + border-right: 2px solid #fff; +} + +footer .privacy a.col4 { + border: 0; +} + + + +/* TERMLY COOKIE BANNER */ + +#termly-code-snippet-support button:nth-child(2), +#termly-code-snippet-support button:nth-child(3) { + background-color: var(--theme-color-4) !important; + border-color: rgb(48, 48, 48) !important; +} diff --git a/css/mobile.css b/css/mobile.css new file mode 100644 index 0000000..4c7d457 --- /dev/null +++ b/css/mobile.css @@ -0,0 +1,518 @@ +/*************************************************************************************************/ +/* COLLAPSIBLE MENU */ +/* https://codepen.io/erikterwan/pen/EVzeRP */ +/*************************************************************************************************/ + +@media screen and (max-width: 1000px) { + + header #menu { + justify-content: flex-end; + align-items: center; + } + + header #menu .collapsible-menu { + display: block; + margin-right: 30px; + z-index: 1; + -webkit-user-select: none; + user-select: none; + } + + header #menu .collapsible-menu input { + display: block; + width: 38px; + height: 42px; + position: absolute; + top: 14px; + right: 28px; + + cursor: pointer; + opacity: 0; + z-index: 2; + -webkit-touch-callout: none; + } + + /* Hamburger */ + header #menu .collapsible-menu span { + display: block; + width: 33px; + height: 4px; + margin-bottom: 5px; + position: relative; + top: 3px; + background: var(--theme-color-4); + border-radius: 3px; + z-index: 1; + transform-origin: 4px 0px; + transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), + background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), + opacity 0.55s ease; + } + + header #menu .collapsible-menu span:first-child { + transform-origin: 0% 0%; + } + + header #menu .collapsible-menu span:nth-last-child(2) { + transform-origin: 0% 100%; + } + + /* + * Transform all the slices of hamburger + * into a crossmark. + */ + header #menu .collapsible-menu input:checked~span { + opacity: 1; + transform: rotate(45deg) translate(-2px, -1px); + } + + /* + * But let's hide the middle one. + */ + header #menu .collapsible-menu input:checked~span:nth-last-child(3) { + opacity: 0; + transform: rotate(0deg) scale(0.2, 0.2); + } + + /* + * Oh yeah and the last one should go the other direction + */ + header #menu .collapsible-menu input:checked~span:nth-last-child(2) { + transform: rotate(-45deg) translate(0, -1px); + } + + /* + * Make this absolute positioned + * at the top left of the screen + */ + header #menu ul { + position: absolute; + left: 0; + top: 0; + width: 100%; + margin: 0; + padding: 30px 0; + background: var(--theme-color-1); + list-style-type: none; + -webkit-font-smoothing: antialiased; + /* to stop flickering of text in safari */ + transform-origin: 0% 0%; + transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); + } + + header #menu ul li { + display: block; + padding: 20px 0; + font-size: 22px; + margin: 0; + text-align: center; + } + + header #menu ul li .button { + text-align: center; + display: block; + width: 80%; + margin: 0 auto; + padding: 20px; + font-size: 22px; + } + + /* + * And let's slide it in from the left + */ + #menu .collapsible-menu input:checked~ul { + transform: translate(0, 0); + /* visibility: visible; */ + } + + #menu .collapsible-menu input:not(:checked)~ul { + /* visibility: hidden; */ + } +} + + + +/*************************************************************************************************/ +/* HERO */ +/*************************************************************************************************/ + +/* 1200 */ +@media screen and (max-width: 1200px) { + #hero .cover { + background-size: 650px; + background-position: left calc(60% - 10px) top -60px; + } +} + +/* <1000 */ +@media screen and (max-width: 1000px) { + #hero .wrapper { + flex-direction: column; + } + + #hero .text .text-wrapper { + max-width: none; + } + + #hero * { + text-align: center; + } + + #hero .wrapper { + padding: 0; + } + + #hero h1 { + white-space: normal; + } + + #hero h2 { + text-align: center; + } + + #hero .text .text-wrapper { + padding: 0 8% 20px 8%; + } + + #hero .cover { + flex: 1; + background-size: contain; + background-position-x: center; + background-position: top; + position: relative; + top: -30px; + margin-bottom: -50px; + } + + #hero h3 { + margin: 20px auto; + } +} + +/* <650 */ +@media screen and (max-width: 650px) { + #hero .buttons a { + display: block; + margin-right: 0; + } + + #hero .cover { + background-size: min(130%, 600px); + min-height: min(130vw, 600px); + top: -40px; + } +} + + + +/*************************************************************************************************/ +/* KEY POINTS */ +/*************************************************************************************************/ + +/* <1000 */ +@media screen and (max-width: 1000px) { + + #key-points .title { + margin-bottom: 20px; + } + + #key-points .cols { + flex-direction: column; + } + + #key-points .col { + flex: 1; + margin: 20px 15%; + } + +} + +/* <650 */ +@media screen and (max-width: 650px) { + #key-points .col { + flex: 1; + margin: 20px 5%; + } +} + + + +/*************************************************************************************************/ +/* EDITORS */ +/*************************************************************************************************/ + +/* <650 */ +@media screen and (max-width: 650px) { + + #editors .quote-wrapper { + background-size: 10%, 10%; + } + + #editors .quote { + font-size: 16pt; + line-height: 1.2em; + } + +} + + + +/*************************************************************************************************/ +/* AUTHORS */ +/*************************************************************************************************/ + +/* <1000 */ +@media screen and (max-width: 1000px) { + + #authors img { + margin-top: 20px; + margin-bottom: 20px; + } + + #authors ul { + margin: 20px 0%; + } + + #authors ul li { + line-height: 1.5em; + } + +} + + +/* <650 */ +@media screen and (max-width: 650px) { + #authors .cols { + flex-direction: column; + } + + #authors ul.medicine, + #authors ul.science, + #authors ul.law { + padding-left: 0; + margin-left: auto; + margin-right: auto; + max-width: 224px; + text-indent: 0; + } + + #authors .cols .col img { + margin-top: 30px; + } +} + + + +/*************************************************************************************************/ +/* NUMBERS */ +/*************************************************************************************************/ + +/* <1000 */ +@media screen and (max-width: 1000px) { + #numbers .col figure { + width: 50%; + background-size: contain; + } + + #numbers .col .number { + font-size: 60pt; + /* margin-top: 5%; */ + } +} + + +/* <650 */ +@media screen and (max-width: 650px) { + + #numbers .col figure { + width: 130px; + } + + #numbers .wrapper { + flex-direction: column; + } + + #numbers .col2, + #numbers .col3 { + margin-top: 60px; + } + +} + + + +/*************************************************************************************************/ +/* TOPIC */ +/*************************************************************************************************/ + +/* <1200 */ +@media screen and (max-width: 1200px) { + #topic .wrapper { + background-size: 58%; + background-position-x: 7%; + } +} + +/* <1000 */ +@media screen and (max-width: 1000px) { + + #topic .cols { + flex-direction: column; + } + + #topic .wrapper { + background-size: 500px; + background-position: center 100px; + } + + #topic .cols figure { + min-height: 450px; + } + + #topic .cols .text-wrapper { + max-width: max-content; + } + +} + +/* <650 */ +@media screen and (max-width: 650px) { + #topic .wrapper { + background-size: min(100%, 500px); + background-position-x: 80px; + } + + #topic .cols figure { + min-height: min(90vw, 450px); + } +} + +/* <500 */ +@media screen and (max-width: 500px) { + #topic .wrapper { + background-position-x: 30px; + } +} + + + +/*************************************************************************************************/ +/* INFO */ +/*************************************************************************************************/ + +/* <650 */ +@media screen and (max-width: 650px) { + #info .buttons { + padding: 0 8%; + } + + #info .buttons .button { + margin: 10px 0%; + } + + #info .buttons a { + display: block; + } +} + + +/* <350 */ +@media screen and (max-width: 350px) { + #info .buttons .button { + white-space: normal; + } +} + + + + +/*************************************************************************************************/ +/* FURTHER */ +/*************************************************************************************************/ + +/* <1000 */ +@media screen and (max-width: 1000px) { + #further ul li h3 {} +} + +/* <650 */ +@media screen and (max-width: 650px) { + #further .wrapper { + padding-bottom: 20px; + } + + #further ul { + flex-direction: column; + } + + #further ul li figure { + margin-bottom: 20px; + } + + #further ul li { + margin-bottom: 40px; + } +} + + + +/*************************************************************************************************/ +/* MESSAGE */ +/*************************************************************************************************/ + +/* <1000 */ +@media screen and (max-width: 1000px) { + + #message form input, + #message form textarea { + width: 60%; + max-width: none; + } +} + +/* <650 */ +@media screen and (max-width: 650px) { + + #message form input, + #message form textarea { + width: 70%; + } +} + + + +/*************************************************************************************************/ +/* MAIL */ +/*************************************************************************************************/ + +/* <350 */ +@media screen and (max-width: 350px) { + #mail h2 { + font-size: 24pt; + } + + #mail a span { + font-size: 24pt; + } + +} + + + +/*************************************************************************************************/ +/* FOOTER */ +/*************************************************************************************************/ + +/* <650 */ +@media screen and (max-width: 650px) { + footer .copyright { + margin-bottom: 40px; + } + + footer .privacy a { + display: block; + border: 0; + margin: 20px 0; + /* padding: 20px 0; */ + } +} diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/css/print.css b/css/print.css new file mode 100644 index 0000000..d29b2b8 --- /dev/null +++ b/css/print.css @@ -0,0 +1,23 @@ +/* https://stackoverflow.com/a/44908040/1595060 */ +* { + -webkit-print-color-adjust: exact !important; + /* Chrome, Safari 6 – 15.3, Edge */ + color-adjust: exact !important; + /* Firefox 48 – 96 */ + print-color-adjust: exact !important; + /* Firefox 97+, Safari 15.4+ */ +} + +@media print { + header { + display: none; + } + + #hero .text .text-wrapper { + max-width: 425px; + } + + #termly-code-snippet-support { + display: none; + } +} diff --git a/details.html b/details.html new file mode 100644 index 0000000..5da3a2b --- /dev/null +++ b/details.html @@ -0,0 +1,465 @@ + + + + + + + + + Shaken Baby Syndrome: Investigating the Abusive Head Trauma Controversy + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + +
+ + + + + + + + + + +
+ + +
+
+ +
+ + + +
+ +
+
+
+ +

Table of contents

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#AuthorChapter
PROLOGUE
Barry ScheckForeword
1Chris BrookMaintaining the Orthodoxy and Silencing Dissent
2Randy PapettiThe History of SBS
MEDICINE
3Waney Squier, Tommie OlofssonThe neuropathology of SBS or retinodural haemorrhage of infancy
4Julie Mack, Waney SquierThe importance of the correlation between radiology and pathology in SBS
5Knut Wester, Johan WikströmSBS, AHT – or just a type of hydrocephalus?
6Knut Wester, Johan Wikström, Joseph SchellerSBS or benign external hydrocephalus - how is AHT depicted in the scientific literature?
7Marta CohenAre some cases of sudden infant death syndrome incorrectly diagnosed as SBS?
8Bernard EchenneAHT: the importance of predisposing factors
9Marvin MillerHow I Became a SBS Skeptic Paediatrician
SCIENCE
10Niels Lynoe, Anders ErikssonThe Swedish systematic literature review on suspected traumatic shaking (SBS) and its aftermath
11Deborah Davis, Richard LeoInterrogation and the Infanticide Suspect: Mechanisms of Vulnerability to False Confession
12Keith FindleyCan confession substitute for science in SBS/AHT?
13Jeff Kukucka, Keith FindleyCognitive Bias in Medicolegal Judgments
14Kirk ThibaultBiomechanical forensic analysis of shaking and short fall head injury mechanisms in infants and young children
15Leila SchnepsWhen lack of information leads to apparent paradoxes and wrong conclusions: analysis of a seminal article on short falls
16Ulf HögbergEpidemiology of findings claimed to be highly specific for SBS/AHT, a prerequisite to improve diagnosis of child abuse
17Norman Fenton, Scott McLachlanSBS: Exploring concerns about the ‘triad’ diagnosis and its statistical validation using a causal Bayesian Network
LAW
18Felicity Goodyear-SmithMandatory reporting of child maltreatment
19Kathleen PakesSBS/AHT Opinion Evidence in U.S. Courts
20Keith FindleyUndoing Wrongful Convictions: Exonerating the Innocent in SBS/AHT Cases
INTERNATIONAL
21Clive Stafford SmithPtolemy rather than Copernicus — The State of SBS In the British Legal System
22Cyrille Rossant, Grégoire EtrillardSBS in France
23Ulf Högberg, Goran HögbergSweden and SBS/AHT
24Kana SasakuraSBS/AHT in Japan
25Chris Brook, Michael NottSBS in Australia
26Multiple authorsSBS around the world
+ + +
+
+
+ + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ +

Errata

+
+
+ + +
+
+
+ + + +
+ + + + + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..4a01f0f Binary files /dev/null and b/favicon.ico differ diff --git a/img/Authors_Icon_white.png b/img/Authors_Icon_white.png new file mode 100644 index 0000000..684ae83 Binary files /dev/null and b/img/Authors_Icon_white.png differ diff --git a/img/Countries_Icon_white.png b/img/Countries_Icon_white.png new file mode 100644 index 0000000..9b10abc Binary files /dev/null and b/img/Countries_Icon_white.png differ diff --git a/img/Disciplines_Icon_white.png b/img/Disciplines_Icon_white.png new file mode 100644 index 0000000..01dec8e Binary files /dev/null and b/img/Disciplines_Icon_white.png differ diff --git a/img/FurtherIcon-Blog.png b/img/FurtherIcon-Blog.png new file mode 100644 index 0000000..9a0ff22 Binary files /dev/null and b/img/FurtherIcon-Blog.png differ diff --git a/img/FurtherIcon-Books.png b/img/FurtherIcon-Books.png new file mode 100644 index 0000000..c6be6ad Binary files /dev/null and b/img/FurtherIcon-Books.png differ diff --git a/img/FurtherIcon-Papers.png b/img/FurtherIcon-Papers.png new file mode 100644 index 0000000..6a6adaf Binary files /dev/null and b/img/FurtherIcon-Papers.png differ diff --git a/img/FurtherIcon-Video.png b/img/FurtherIcon-Video.png new file mode 100644 index 0000000..d515a2d Binary files /dev/null and b/img/FurtherIcon-Video.png differ diff --git a/img/FurtherIcon-Websites.png b/img/FurtherIcon-Websites.png new file mode 100644 index 0000000..40a38e2 Binary files /dev/null and b/img/FurtherIcon-Websites.png differ diff --git a/img/Law_icon.png b/img/Law_icon.png new file mode 100644 index 0000000..e624dd6 Binary files /dev/null and b/img/Law_icon.png differ diff --git a/img/Medicine_icon.png b/img/Medicine_icon.png new file mode 100644 index 0000000..00c43a3 Binary files /dev/null and b/img/Medicine_icon.png differ diff --git a/img/SBS_Authors_Country-AU.png b/img/SBS_Authors_Country-AU.png new file mode 100644 index 0000000..def988e Binary files /dev/null and b/img/SBS_Authors_Country-AU.png differ diff --git a/img/SBS_Authors_Country-CA.png b/img/SBS_Authors_Country-CA.png new file mode 100644 index 0000000..ebc6845 Binary files /dev/null and b/img/SBS_Authors_Country-CA.png differ diff --git a/img/SBS_Authors_Country-FR.png b/img/SBS_Authors_Country-FR.png new file mode 100644 index 0000000..5761fe1 Binary files /dev/null and b/img/SBS_Authors_Country-FR.png differ diff --git a/img/SBS_Authors_Country-GB.png b/img/SBS_Authors_Country-GB.png new file mode 100644 index 0000000..32b432c Binary files /dev/null and b/img/SBS_Authors_Country-GB.png differ diff --git a/img/SBS_Authors_Country-JP.png b/img/SBS_Authors_Country-JP.png new file mode 100644 index 0000000..722b145 Binary files /dev/null and b/img/SBS_Authors_Country-JP.png differ diff --git a/img/SBS_Authors_Country-NW.png b/img/SBS_Authors_Country-NW.png new file mode 100644 index 0000000..8791603 Binary files /dev/null and b/img/SBS_Authors_Country-NW.png differ diff --git a/img/SBS_Authors_Country-NZ.png b/img/SBS_Authors_Country-NZ.png new file mode 100644 index 0000000..d4ea948 Binary files /dev/null and b/img/SBS_Authors_Country-NZ.png differ diff --git a/img/SBS_Authors_Country-SW.png b/img/SBS_Authors_Country-SW.png new file mode 100644 index 0000000..1b44d2c Binary files /dev/null and b/img/SBS_Authors_Country-SW.png differ diff --git a/img/SBS_Authors_Country-US.png b/img/SBS_Authors_Country-US.png new file mode 100644 index 0000000..3009e91 Binary files /dev/null and b/img/SBS_Authors_Country-US.png differ diff --git a/img/SBS_Book_MockUp_01.webp b/img/SBS_Book_MockUp_01.webp new file mode 100644 index 0000000..1ecfaa5 Binary files /dev/null and b/img/SBS_Book_MockUp_01.webp differ diff --git a/img/SBS_Book_MockUp_01s.png b/img/SBS_Book_MockUp_01s.png new file mode 100644 index 0000000..d9c0d73 Binary files /dev/null and b/img/SBS_Book_MockUp_01s.png differ diff --git a/img/SBS_Book_MockUp_02.webp b/img/SBS_Book_MockUp_02.webp new file mode 100644 index 0000000..56feb0d Binary files /dev/null and b/img/SBS_Book_MockUp_02.webp differ diff --git a/img/SBS_Book_MockUp_02s.png b/img/SBS_Book_MockUp_02s.png new file mode 100644 index 0000000..86dd033 Binary files /dev/null and b/img/SBS_Book_MockUp_02s.png differ diff --git a/img/Science_icon.png b/img/Science_icon.png new file mode 100644 index 0000000..3298f1d Binary files /dev/null and b/img/Science_icon.png differ diff --git a/img/cambridge.svg b/img/cambridge.svg new file mode 100644 index 0000000..3ab0879 --- /dev/null +++ b/img/cambridge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/editor-findley.jpg b/img/editor-findley.jpg new file mode 100644 index 0000000..46f49e2 Binary files /dev/null and b/img/editor-findley.jpg differ diff --git a/img/editor-rossant.jpg b/img/editor-rossant.jpg new file mode 100644 index 0000000..71a3c61 Binary files /dev/null and b/img/editor-rossant.jpg differ diff --git a/img/editor-sasakura.jpg b/img/editor-sasakura.jpg new file mode 100644 index 0000000..5cf5e66 Binary files /dev/null and b/img/editor-sasakura.jpg differ diff --git a/img/editor-schneps.jpg b/img/editor-schneps.jpg new file mode 100644 index 0000000..1a5f920 Binary files /dev/null and b/img/editor-schneps.jpg differ diff --git a/img/editor-squier.jpg b/img/editor-squier.jpg new file mode 100644 index 0000000..690c3c6 Binary files /dev/null and b/img/editor-squier.jpg differ diff --git a/img/editor-wester.jpg b/img/editor-wester.jpg new file mode 100644 index 0000000..0a737c5 Binary files /dev/null and b/img/editor-wester.jpg differ diff --git a/img/quote0.svg b/img/quote0.svg new file mode 100644 index 0000000..2531cb9 --- /dev/null +++ b/img/quote0.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/quote1.svg b/img/quote1.svg new file mode 100644 index 0000000..e64002e --- /dev/null +++ b/img/quote1.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..69ebfd6 --- /dev/null +++ b/index.html @@ -0,0 +1,514 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + Shaken Baby Syndrome: Investigating the Abusive Head Trauma Controversy + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + +
+ + + + + + + + + + +
+ + +
+
+ +
+ + + +
+ + +
+
+
+
+ +

Shaken Baby Syndrome

+

Investigating The Abusive Head Trauma Controversy

+

Edited by

+

+ Keith A. Findley, + Cyrille Rossant, + Kana Sasakura, + Leila Schneps, + Waney Squier, + Knut Wester. +

+ + The first collaborative, multidisciplinary academic textbook to tackle the scientific reliability of medical determinations of abusive head injuries in infants, a highly controversial subject at the intersection of medicine, science, and law. + + +
+
+
+
+
+ + + +
+
+
+ +

Key Points

+

Learn from the top worldwide experts about the science behind medical determinations of shaken baby syndrome (SBS) / abusive head trauma (AHT).

+
+
+
+ Provides in-depth, evidence-based analyses of shaken baby syndrome from a multidisciplinary and global team of 32 authors in 26 chapters. +
+
+ Covers the full range of topics and issues, including reviews of radiological and neuropathological findings in alleged SBS cases, some of their known medical causes, biomechanical and epidemiological aspects, police interrogation techniques and false confessions, cognitive biases among medical experts, evidence standards in courts, and the challenges of overturning wrongful convictions. +
+
+ Exposes how SBS/AHT cases are handled internationally, in the United States, the United Kingdom, France, Sweden, Japan, Australia, but also China, India, Luxembourg, New Zealand, Spain, and many more countries. +
+
+
+
+ + + +
+
+

Co-editors

+ + +
+
+ + + +
+
+ +

Authors

+ + Prefaced by Innocence Project cofounder Barry Scheck, this landmark book presents evidence-based analyses from a multidisciplinary expert panel of 32 specialists across 8 countries to investigate the claim that certain intracranial findings can alone be used as proof of shaking and an intentional abusive act. + +
+
+ +

Medicine

+
    +
  • Marta Cohen
    Paediatric neuropathology
  • +
  • Bernard Echenne
    Paediatric neurology
  • +
  • Anders Eriksson
    Forensic medicine
  • +
  • Felicity Goodyear-Smith
    Public health
  • +
  • Göran Högberg
    Psychiatry
  • +
  • Ulf Högberg
    Obstetrics
  • +
  • Niels Lynöe
    Medical ethics
  • +
  • Julie Mack
    Paediatric radiology
  • +
  • Marvin Miller
    Paediatrics
  • +
  • Tommie Olofsson
    Neuropathology
  • +
  • Joseph Sheller
    Paediatric neurology
  • +
  • Waney Squier
    Paediatric neurology
  • +
  • Knut Wester
    Neurosurgery
  • +
  • Johan Wikström
    Neuroradiology
  • +
+
+
+ +

Science

+
    +
  • Chris Brook
    Physics
  • +
  • Deborah Davis
    Psychology
  • +
  • Norman Fenton
    Mathematics
  • +
  • Jeff Kukucka
    Psychology
  • +
  • Richard Leo
    Psychology
  • +
  • Scott McLachlan
    Mathematics
  • +
  • Cyrille Rossant
    Neuroscience
  • +
  • Leila Schneps
    Mathematics
  • +
  • Kirk Thibault
    Biomechanics
  • +
+
+
+ +

Law

+
    +
  • Grégoire Etrillard
    Criminal & family law
  • +
  • Keith Findley
    Criminal law
  • +
  • Michael Nott
    Criminal & family law
  • +
  • Randy Papetti
    Law
  • +
  • Kathleen Pakes
    Public defender
  • +
  • Kana Sasakura
    Law
  • +
  • Barry Scheck
    Criminal law
  • +
  • Clive Stafford Smith
    Human rights
  • +
+
+
+
+
+ + + +
+
+
+
+
32
+
authors
+
+
+
+
8
+
countries
+
+
+
+
16
+
disciplines
+
+
+
+ + + +
+
+ +

The topic

+
+
+
+
+

+ For the past decades, a growing body of scientific studies in neuropathology, neurology, biomechanics, statistics, and psychology has cast doubt on the forensic reliability of medical determinations of Shaken Baby Syndrome (SBS), also known as Abusive Head Trauma (AHT). Studies have increasingly documented that the same findings are caused not only by non-accidental trauma, but also by accidental short falls and a wide range of medical conditions. Nevertheless, inaccurate diagnoses, unrealistic confidence expression, and wrongful convictions continue to this day. +

+

+ Bringing together contributions from a multidisciplinary expert panel of 32 world-leading professionals, this landmark book explains the scientific evidence challenging the reliability of determinations of SBS/AHT and advances efforts to evaluate how deaths and serious brain injuries in infants should be analysed and investigated. +

+
+
+
+
+
+ + + +
+
+

what's inside

+ look at the contents, find out the latest updates and errata + +
+
+ + + +
+
+ +

further reading

+ +
+
+ + + +
+
+ +

Leave us a message

+
+ + + + + + +
+
+
+
+ + + +
+
+

or feel free to contact us at + + contact@ shakenbaby. science + +

+
+
+ +
+ + + + + + + + + + + + + diff --git a/js/flickity.pkgd.min.js b/js/flickity.pkgd.min.js new file mode 100644 index 0000000..78ce275 --- /dev/null +++ b/js/flickity.pkgd.min.js @@ -0,0 +1,56 @@ +/*! + * Flickity PACKAGED v2.3.0 + * Touch, responsive, flickable carousels + * + * Licensed GPLv3 for open source use + * or Flickity Commercial License for commercial use + * + * https://flickity.metafizzy.co + * Copyright 2015-2021 Metafizzy + */ +(function(e,i){if(typeof define=="function"&&define.amd){define("jquery-bridget/jquery-bridget",["jquery"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("jquery"))}else{e.jQueryBridget=i(e,e.jQuery)}})(window,function t(e,r){"use strict";var o=Array.prototype.slice;var i=e.console;var u=typeof i=="undefined"?function(){}:function(t){i.error(t)};function n(h,s,c){c=c||r||e.jQuery;if(!c){return}if(!s.prototype.option){s.prototype.option=function(t){if(!c.isPlainObject(t)){return}this.options=c.extend(true,this.options,t)}}c.fn[h]=function(t){if(typeof t=="string"){var e=o.call(arguments,1);return i(this,t,e)}n(this,t);return this};function i(t,r,o){var a;var l="$()."+h+'("'+r+'")';t.each(function(t,e){var i=c.data(e,h);if(!i){u(h+" not initialized. Cannot call methods, i.e. "+l);return}var n=i[r];if(!n||r.charAt(0)=="_"){u(l+" is not a valid method");return}var s=n.apply(i,o);a=a===undefined?s:a});return a!==undefined?a:t}function n(t,n){t.each(function(t,e){var i=c.data(e,h);if(i){i.option(n);i._init()}else{i=new s(e,n);c.data(e,h,i)}})}a(c)}function a(t){if(!t||t&&t.bridget){return}t.bridget=n}a(r||e.jQuery);return n});(function(t,e){if(typeof define=="function"&&define.amd){define("ev-emitter/ev-emitter",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.EvEmitter=e()}})(typeof window!="undefined"?window:this,function(){function t(){}var e=t.prototype;e.on=function(t,e){if(!t||!e){return}var i=this._events=this._events||{};var n=i[t]=i[t]||[];if(n.indexOf(e)==-1){n.push(e)}return this};e.once=function(t,e){if(!t||!e){return}this.on(t,e);var i=this._onceEvents=this._onceEvents||{};var n=i[t]=i[t]||{};n[e]=true;return this};e.off=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}var n=i.indexOf(e);if(n!=-1){i.splice(n,1)}return this};e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}i=i.slice(0);e=e||[];var n=this._onceEvents&&this._onceEvents[t];for(var s=0;s