Commit 1bc9b001 authored by Roberto Minelli's avatar Roberto Minelli
Browse files

Close Issue #14

parent 1eefc05e
Pipeline #904 canceled with stage
......@@ -7,14 +7,16 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Mímir is a visual platform to explore the Swiss Federal Archives. It aggregates the results according to the archive plan and presents them with Voronoi treemaps."
content="Mímir is a visual platform to explore the Swiss Federal Archives. It aggregates the results according to the archive plan and presents them with Voronoi treemaps. Mímir is a submission to the SFA Data Challenge that was developed at the Software Institute"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162195305-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-162195305-2');
......@@ -33,7 +35,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Mìmir | SFA</title>
<title>Mímir | SFA</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
......
import React from 'react';
import logo from '../../logo.svg';
import Card from 'react-bootstrap/Card';
import Person from './Person';
import people from './people';
......@@ -11,38 +10,65 @@ export default function About(props) {
return (
<>
<Card.Img variant="top" src={logo} style={{ padding: '50px 70px' }} />
<Card.Body>
<Card.Title>Mímir // A Visual Browser for the Federal Archives</Card.Title>
<Card.Text className="text-danger">{message}</Card.Text>
<Card.Text>
<Card.Body style={{ fontSize: '1.1rem' }}>
{isMobile && (
<React.Fragment>
<Card.Title as={'h3'}>Welcome to Mímir</Card.Title>
<Card.Text
as={'h5'}
className='text-danger'
style={{ paddingBottom: '1rem', paddingTop: '1rem' }}
>
{message}
</Card.Text>
</React.Fragment>
)}
<Card.Text style={{ paddingBottom: '0rem' }}>
Mímir is a visual platform to explore the{' '}
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.bar.admin.ch/bar/en/home.html"
target='_blank'
rel='noopener noreferrer'
href='https://www.bar.admin.ch/bar/en/home.html'
>
Swiss Federal Archives
</a>
. It aggregates the results according to the{' '}
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.recherche.bar.admin.ch/recherche/#/en/search/archive-plan"
target='_blank'
rel='noopener noreferrer'
href='https://www.recherche.bar.admin.ch/recherche/#/en/search/archive-plan'
>
archive plan
</a>{' '}
and presents them with{' '}
<a
target="_blank"
rel="noopener noreferrer"
href="https://pubsys.mmsp-kn.de/pubsys/publishedFiles/BaDe05b.pdf"
target='_blank'
rel='noopener noreferrer'
href='https://pubsys.mmsp-kn.de/pubsys/publishedFiles/BaDe05b.pdf'
>
Voronoi treemaps
</a>
.
</Card.Text>
<Card.Text>
<Card.Text style={{ paddingBottom: '0rem' }}>
Watch the video below to learn more!
</Card.Text>
<div className='embed-responsive embed-responsive-16by9'>
<iframe
src='https://www.youtube.com/embed/wKFd5wOgjSk'
allowfullscreen='allowfullscreen'
mozallowfullscreen='mozallowfullscreen'
msallowfullscreen='msallowfullscreen'
oallowfullscreen='oallowfullscreen'
webkitallowfullscreen='webkitallowfullscreen'
>
{' '}
</iframe>
</div>
<Card.Text style={{ paddingTop: '1rem' }}>
Created by{' '}
{people.map((p, i) => (
<span key={i}>
......@@ -54,12 +80,15 @@ export default function About(props) {
</Card.Text>
</Card.Body>
<Card.Footer style={footerStyle}>
Developed with{' '}
<span role="img" aria-label="heart">
<a href='https://gitlab.reveal.si.usi.ch/_public/mimir' target='_blank'>
Developed
</a>{' '}
with{' '}
<span role='img' aria-label='heart'>
❤️
</span>{' '}
at the{' '}
<a href="https://si.usi.ch/" target="_blank" rel="noopener noreferrer">
<a href='https://si.usi.ch/' target='_blank' rel='noopener noreferrer'>
Software Institute
</a>
</Card.Footer>
......
......@@ -20,11 +20,6 @@ export default function AboutModal(props) {
<Modal.Body className="p-sm-0">
<About isMobile={false} />
</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={handleClose}>
Close
</Button>
</Modal.Footer>
</Modal>
);
}
......@@ -12,11 +12,11 @@ export default [
website: 'https://www.linkedin.com/in/davide-tua-5956595/',
},
{
name: 'Dr. Roberto Minelli',
name: 'Roberto Minelli',
website: 'https://robertominelli.com/',
},
{
name: 'Prof. Michele Lanza',
name: 'Michele Lanza',
website: 'https://www.inf.usi.ch/faculty/lanza/',
},
];
......@@ -8,7 +8,7 @@ export default function Mobile() {
<About
isMobile={true}
message={
'Mímir is not yet optimized for mobile devices. Please come back using your desktop computer.'
'⛔️ Mímir is not yet optimized for mobile devices. Please come back using your desktop computer!'
}
/>
</Card>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment