Merge pull request #32 from beeldengeluid/feature-factrank

Feature factrank

_faq/who-develops.markdown

@@ -3,4 +3,63 @@ title: Who develops the Media Suite?
 position: 11
 ---
 
-The Media Suite is part of the[ CLARIAH infrastructure](https://clariah.nl/en/). The Media Suite is developed by The Netherlands Institute for Sound and Vision (NISV), which is one of the CLARIAH data centres. For a current overview of who is involved in CLARIAH and the Media Suite (WP5 in the CLARIAH-PLUS project) we refer to our ["Who is who"-page](https://www.clariah.nl/people).
+The Media Suite is part of the[ CLARIAH infrastructure](https://clariah.nl/en/). The Media Suite is developed by The Netherlands Institute for Sound and Vision (NISV), which is one of the CLARIAH data centres. For a current overview of who is involved in CLARIAH and the Media Suite (WP5 in the CLARIAH-PLUS project) we refer to our ["Who is who"-page](https://www.clariah.nl/people).
+
+**Coordination**
+
+- Work package/research coordination: Julia Noordegraaf ([[email protected]](mailto:[email protected]))
+- Technical coordination and product manager at Netherlands Institute for Sound and Vision: [Roeland Ordelman](https://roelandordelman.nl) ([[email protected]](mailto:[email protected]))
+
+**Development team at NISV**
+
+- [Jaap Blom](https://clariah.nl/en/about/who-is-who/wp5/jaap-blom)
+- [Willem Melder](https://www.beeldengeluid.nl/en/knowledge/experts/willem-melder)
+- [Mari Wigham](https://www.linkedin.com/in/mariwigham) 
+- Johannes Wassenaar
+- Jonathan Blok 
+- Eduardo Navarrete 
+
+**Requirement analysts, documentation and dissemination**
+
+- [Liliana Melgar](https://www.linkedin.com/in/lilimelgar/?locale=en_US) (requirements analyst, researcher and tester)
+- [Eva Baaren](https://www.linkedin.com/in/baaren/) (liaison digital humanities, 2016-2018)
+- Tom Slootweg (2018-)
+- Iris van Vliet (2018)
+- Rosita Kiewik (2017)
+
+**Development researchers and collaborators**
+
+- [Marijn Koolen](https://marijnkoolen.com/) (part of the development team between 2016-2017, currently developing together with NISV a [scholarly web annotation client](https://clariah.github.io/scholarly-web-annotation-client/) and leading the initiative for scholarly annotations interoperability)
+- [Victor de Boer](https://www.victordeboer.com/) (linked data senior researcher at VU and coordinator of linked data work in WP5)
+- Oana Inel (2017-2018)
+- Lora Aroyo (2016-2018)
+- [Carlos Martínez Ortiz](https://www.esciencecenter.nl/profile/dr.-carlos-martinez-ortiz) (collaborating software engineer from the Netherlands EScience Center, 2016-2018)
+- <a href="https://www.sudox.nl/?utm_source=mediasuite" target="_blank">Werner Helmich</a> (designer/developer at <a href="https://www.sudox.nl/?utm_source=mediasuite" target="_blank" style="color: #3c4248">SUDOX</a> who created the frontend of various Media Suite tools, 2017-2024)
+- From September 2018 to February 2019, [Hugo Huurdeman](https://www.timelessfuture.com/) works on a project to improve the[Resource viewer](/documentation/tools/resource-viewer)
+- The Media Suite is developed in alignment with [CLARIAH WP2](https://clariah.nl/en/work-packages/technology) (the work package responsible for the overall infrastructure coordination)
+
+**Scholars involved**
+
+- [Professor Julia Noordegraaf](https://www.uva.nl/profiel/n/o/j.j.noordegraaf/j.j.noordegraaf.html)
+- Jasmijn van Gorp
+- Thomas Poell
+- Norah Karrouche
+- Kaspar von Beelen
+- Bernhard Rieder 
+
+**Scholars from the [CLARIAH research pilot projects](/documentation/faq/what-are-research-pilots)**
+
+- [CrossEWT project](https://clariah.nl/projecten/research-pilots/crossewt): Susan Hoogervorst
+- [Dream project](https://clariah.nl/projecten/research-pilots/dream): Toine Peters and Berrie van der Molen
+- [M&M project](https://clariah.nl/projecten/research-pilots/m-m): Susan Aasman, Tom Slootweg, Rob Wegter, Vincent Ros
+- [MIMEHIST project](https://clariah.nl/projecten/research-pilots/mimehist): Christian Olesen, Kathleen Lodze
+- [NarDis project](https://clariah.nl/projecten/research-pilots/nardis): Sabrina Sauer, Berber Hagedoorn
+- [ReSpoNs project](https://clariah.nl/projecten/research-pilots/respons): Marcel Broersma, Frank Harbers, Mark Vallinga
+
+
+
+> See Also [Wie is Wie / Who is Who in CLARIAH](https://clariah.nl/over/wie-is-wie).
+
+
+
+*(Last edit: January 31, 2019)*. *If you have any questions, please [contact us]( /contact ).*

_includes/header.html

@@ -6,7 +6,7 @@
 	<title>CLARIAH Media Suite{% if page.title %} - {{ page.title }}{% endif %}</title>
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-	<link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;600;700&family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet">
 	<link href="{{ '/assets/css/main.css' | relative_url }}" rel="stylesheet">
 	<link rel="icon" href="{{ '/favicon.png' | relative_url }}">
 	<link rel="apple-touch-icon" sizes="48x48" href="{{ '/assets/img/icons/icon-48x48.png' | relative_url }}">

_includes/nav_header.html

@@ -21,6 +21,7 @@
 							<a id="menu_tools_compare" class="dropdown-item" href="{{ '/tool/query-comparison' | relative_url }}">Compare</a>
 							<!-- endif  -->
 							<a class="dropdown-item" href="{{ '/tool/exploratory-search' | relative_url }}">Explore</a>
+							<a id="menu_tools_factrank" class="dropdown-item" href="{{ '/tool/factrank' | relative_url }}">FactRank</a>
 						</div>
 					</li>
 					<!-- if user != None and user.id != 'ANONYMOUS' -->
@@ -36,7 +37,7 @@
 					<li class="nav-item">
 						<a class="nav-link text-light" href="https://mediasuitedatastories.clariah.nl/">Data Stories &#8599;</a>
 					</li>
-				</ul>				
+				</ul>
 				<ul class="navbar-nav ml-auto">
 					<li class="nav-item{% if page.menu == 'about' %} active{% endif %}">
 						<a class="nav-link" href="{{ '/about' | relative_url }}">About</a>

_labo-help/factrank.markdown

@@ -0,0 +1,41 @@
+---
+title: FactRank
+---
+
+This is the "FactRank" tool. In this brief help page you will:
+
+[Get a quick intro to the tool](#tool)
+
+[Learn more about this tool's features](#features)
+
+[Learn more about this tool's model and data](#data)
+
+## <a name="intro"></a>Intro
+
+The FactRank tool allows you to find factual statements that are worth factchecking.
+
+![FactRank tool](/uploads/factrank-tool1.jpg)
+
+## <a name="features"></a>Features
+
+The FactRank tool offers the following features and functionality:
+
+![FactRank tool regions](/uploads/factrank-tool2.jpg)
+
+### <a name="query"></a>Query
+
+Create a query to specify the statements of your interest. A good approach is to specify a keyword, date range and on or more programs. Use the score slider to provide a minimum offset for the FactRank model score, which ranges between 0 and 100.
+
+### <a name="statements"></a>Statements
+
+Statements are sentences from the ASR (Automatic Speech Recognition) or subtitles from a resource that have been scored using the FactRank model. The the flame icons on the left of the statement indicate the need for factchecking the statement. By clicking on a statement tile, the media viewer will open on the right.
+
+### <a name="media-viewer"></a>Media Viewer
+
+The media viewer will show the resource related to the selected statement. It will automatically start playback on the statement start time.
+
+## <a name="data"></a>Data
+
+FactRank data is created by applying the <a href="https://factrank.org" target="_blank">FactRank</a> model to the video and audio on a subset of the Sound and Vision catalog. New data will be added constantly.
+
+Statements with a FactRank score < 20 have been excluded from the index.

_layouts/tools.html

@@ -13,6 +13,7 @@
 			</div>
 		</div>
 		<div class="card-deck d-flex justify-content-center my-3">
+
 			<div id="tools_page_inspect" class="card text-center">
 				<a href="{{ '/tool/collection-inspector' | relative_url }}"><img src="{{ '/assets/img/icon-inspect.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="Collection inspector"></a>
 				<div class="card-body">
@@ -24,6 +25,7 @@ <h5 class="card-title">Inspect</h5>
 					<a href="{{ '/tool/collection-inspector' | relative_url }}" class="card-link btn btn-light text-uppercase">Open</a>
 				</div>
 			</div>
+
 			<div id="tools_page_search" class="card text-center">
 				<a href="{{ '/tool/single-search' | relative_url }}"><img src="{{ '/assets/img/icon-search.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="Basic faceted search"></a>
 				<div class="card-body">
@@ -35,6 +37,7 @@ <h5 class="card-title">Search</h5>
 					<a href="{{ '/tool/single-search' | relative_url }}" class="card-link btn btn-light text-uppercase">Open</a>
 				</div>
 			</div>
+
 			<!-- if user != None and user.id != 'ANONYMOUS' -->
 			<div id="tools_page_compare" class="card text-center">
 				<a href="{{ '/tool/query-comparison' | relative_url }}"><img src="{{ '/assets/img/icon-compare.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="Comparative search"></a>
@@ -48,6 +51,7 @@ <h5 class="card-title">Compare</h5>
 				</div>
 			</div>
 			<!-- endif  -->
+
 			<div id="tools_page_explore" class="card text-center">
 				<a href="{{ '/tool/exploratory-search' | relative_url }}"><img src="{{ '/assets/img/icon-explore.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="Exploratory browser"></a>
 				<div class="card-body">
@@ -59,6 +63,31 @@ <h5 class="card-title">Explore</h5>
 					<a href="{{ '/tool/exploratory-search' | relative_url }}" class="card-link btn btn-light text-uppercase">Open</a>
 				</div>
 			</div>
+
+			<div id="tools_page_similarity" class="card text-center">
+				<a href="{{ '/tool/similarity' | relative_url }}"><img src="{{ '/assets/img/icon-similarity.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="Similarity"></a>
+				<div class="card-body">
+					<h5 class="card-title">Similarity</h5>
+					<p class="card-text">Keyframe based explorative search and similarity analysis.</p>
+				</div>
+				<div class="card-footer border-0 bg-transparent">
+					<a href="{{ '/documentation/howtos' | relative_url }}#similarity" class="card-link btn btn-link text-uppercase">Details</a>
+					<a href="{{ '/tool/similarity' | relative_url }}" class="card-link btn btn-light text-uppercase">Open</a>
+				</div>
+			</div>
+
+			<div id="tools_page_factrank" class="card text-center">
+				<a href="{{ '/tool/factrank' | relative_url }}"><img src="{{ '/assets/img/icon-factrank.png' | relative_url }}" width="176" class="mx-auto mt-5" alt="FactRank"></a>
+				<div class="card-body">
+					<h5 class="card-title">FactRank</h5>
+					<p class="card-text">Find factual statements that are worth factchecking.</p>
+				</div>
+				<div class="card-footer border-0 bg-transparent">
+					<a href="{{ '/documentation/howtos' | relative_url }}#factrank" class="card-link btn btn-link text-uppercase">Details</a>
+					<a href="{{ '/tool/factrank' | relative_url }}" class="card-link btn btn-light text-uppercase">Open</a>
+				</div>
+			</div>
+
 		</div>
 	</div>
 </main>

_sass/custom.scss

@@ -120,6 +120,7 @@ body#home header .bg-dark {
 	position: fixed;
 	bottom: 15px;
 	right: 15px;
+	pointer-events: none;	
 }
 
 // Tutorials