Profiles pics, minimised pngs, more bla bla

index.html

@@ -53,8 +53,12 @@
 	<div class="main">
 		<div class="middle">
 			<h3>What we do as BaaS</h3>
-			<p>We provide an online service for bisimulation checking.
+			<p>We provide an online service for <em>bisimulation checking</em>.
-			Developers can now check behavioural equivalence with the touch of a button, increasing their productivity.
+			Bisimulation is a must in the Industry 4.0 era.
+			Correctness and robustness of your software products are our top priority.
+			With BaaS, we are changing the way you do verification.
+
+			<p>Developers can now check behavioural equivalence with the touch of a button, increasing their productivity.
 			We support many types of bisimulation, including the latest up-to techniques.
 
 			<p>You can register for a monthly subscription which allows you to check many models.
@@ -68,15 +72,18 @@
 
 			<div>
 				<h3>What is a bisimulation?</h3>
-				<p>Two systems are bisimilar if they match each other's moves.
+				<p>Two systems are <em>bisimilar</em> if they match each other's moves.
 				In this sense, each of the systems cannot be distinguished from the other by an observer.
 				
-				<p>A bisimulation relation is a certificate of this equivalence.
+				<p>A bisimulation relation is a <em>certificate</em> of this equivalence.
 				Our service computes this certificate automatically for you.
 				This makes our service trustworthy and secure, as it does not only return a binary output.
 
 				<p>If your system contains a bug, our service will not be able to produce this certificate.
 				Instead, it will return a counterexample, which can be used to resolve the bug.
+
+				<p>Bisimulations are also used to minimise your state-based systems.
+				this enables model-checkers to prove correctness in terms of temporal logics.
 			</div>
 
 			<div>
@@ -109,41 +116,56 @@
 			Below is a table of the different features we provide.
 
 			<table>
-			  <tr class="rowheader"><th>You get<th>Free<th>Premium BaaS
+				<tr class="rowheader"><th>You get<th>Free<th>Premium BaaS
-			  <tr><td>Maximal number of models per month<td>10<td>9000
+				<tr><td>Maximal number of models per month<td>10<td>9000
-			  <tr><td>Maximal number of states per model<td>50<td>1000000
+				<tr><td>Maximal number of states per model<td>50<td>1000000
-			  <tr><td>Maximal number of transitions per model<td>100<td>9000000
+				<tr><td>Maximal number of transitions per model<td>100<td>9000000
 
-			  <tr class="rowheader"><th>Features<th><th>
+				<tr class="rowheader"><th>Features<th><th>
-			  <tr><td>Standard (strong) bisimulation<td>✓<td>✓
+				<tr><td>Standard (strong) bisimulation<td>✓<td>✓
-			  <tr><td>Branching bisimulation<td><td>✓
+				<tr><td>Branching bisimulation<td><td>✓
-			  <tr><td>Bisimulation up-to transitive closure and congruence<td><td>✓
+				<tr><td>Bisimulation up-to transitive closure and congruence<td><td>✓
-			  <tr><td>Bisimulation up-to bisimulation<td><td>✓
+				<tr><td>Bisimulation up-to bisimulation<td><td>✓
-			  <tr><td>CEGAR & CEGIS API<td><td>✓
+				<tr><td>CEGAR & CEGIS API<td><td>✓
-			  <tr><td>O(m log n) algorithms<td><td>✓
+				<tr><td>O(m log n) algorithms<td><td>✓
-			  <tr><td>Big Data Types<!-- Credits to Freek Wiedijk for this joke! --><td><td>✓
+				<tr><td>Big Data Types<!-- Credits to Freek Wiedijk for this joke! --><td><td>✓
 
-			  <tr class="rowheader"><th>Models<th><th>
+				<tr class="rowheader"><th>Models<th><th>
-			  <tr><td>Deterministic Automata<td>✓<td>✓
+				<tr><td>Deterministic Automata<td>✓<td>✓
-			  <tr><td>Nondeterministic Automata<td><td>✓
+				<tr><td>Nondeterministic Automata<td><td>✓
-			  <tr><td>Weighted Automata<td>✓<td>✓
+				<tr><td>Weighted Automata<td>✓<td>✓
-			  <tr><td>Weighted Tree Automata<td><td>✓
+				<tr><td>Weighted Tree Automata<td><td>✓
-			  <tr><td>Deterministic Register Automata<td><td>✓
+				<tr><td>Deterministic Register Automata<td><td>✓
-			  <tr><td>Quantum Software Product Line Systems<td><td>✓
+				<tr><td>Quantum Software Product Line Systems<td><td>✓
-			  <tr><td>Labelled Transition Blockchain Coalgebras<td><td>✓
+				<tr><td>Labelled Transition Blockchain Coalgebras<td><td>✓
 			</table>
+
+			<p>Upon request, we can provide <em>divergence-preserving branching bisimilarity</em> for citizens from The Netherlands and France.
 		</div>
 
+
 		<div class="middle">
 			<h3>Team</h3>
-			<p>A CEO, some developers, some designers, etc.
+			<p>We're a team of bisimulation technologists and serious entrepreneurs.
-			All of them have a PhD in related fields, etc.
+			We work around the clock, to make sure your bisimulations are always ready to go.
-			"Bisimulation evangelist."
+
-			<!-- Dit moet nog worden uitgebreid -->
+			<div class="team">
+				<div class="profile">
+					<img class="profile-pic" src="Joshua.jpg"><br>
+					Joshua Moerman, PhD.<br>
+					Founder, Bisimulation Evangelist.
+				</div>
+
+				<div class="profile">
+					<img class="profile-pic" src="Jurriaan.jpg"><br>
+					Jurriaan Rot, PhD.<br>
+					CEO, CPO, and CTO.
+				</div>
+			</div>
 		</div>
 
 		<footer>
-			Copyright 2020 JM
+			Copyright 2020 - BaaS - Bisimulation Online
 			<!-- willen we een email adres? -->
 		</footer>
 	</div>

star.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="922px" height="922px" viewBox="0 0 922 922">
+	<polygon fill="#fff" points="745,829 515,577 572,913 464,590 379,921 412,580 200,849 368,551 66,710 340,507 0,529 333,455 13,336 347,404 103,166 381,364 255,47 428,341 442,0 481,339 632,33 529,359 792,140 566,396 895,304 584,446 922,495 580,498 869,680 556,544 "/>
+</svg>

style.css

@@ -1,9 +1,12 @@
 body {
   margin: 0;
   color: #034;
-  font-family: 'Open Sans', Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Nunito Sans", "Avenir", "Helvetica Neue", sans-serif;
-  font-size: 13pt;
+  font-size: 14pt;
-  line-height: 1.25em;
+  line-height: 1.4em;
+}
+p {
+  text-align: justify;
 }
 
 a {
@@ -79,10 +82,9 @@ h2 {
 
 h3 {
   color: #dd3b2a;
-  font-family: 'Adelle W01 Bold', 'Arvo', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
+  text-transform: uppercase;
-  font-size: 40px;
+  font-size: 160%;
-  font-weight: 500;
+  font-weight: 900;
-  line-height: 1em;
 }
 
 .main {
@@ -145,6 +147,26 @@ table td {
   border-bottom: 2px solid #dd3b2a;
 }
 
+.team {
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-gap: 30px;
+  align-items: top;
+}
+
+.profile {
+  text-align: center;
+  max-width: 220px;
+  margin: 0 auto;
+}
+
+.profile-pic {
+  margin: 20px;
+  width: 160px;
+  border-radius:100px;
+  box-shadow: 0 0 10px 0 black;
+}
+
 /* star */
 @keyframes spin {
   from { transform: rotate(0deg); }
@@ -152,8 +174,7 @@ table td {
 }
 aside:before {
   animation: spin 37s infinite linear;
-  /*background: url('../images/starburst.png') center top no-repeat;*/
+  background: url('star.svg') center top no-repeat;
-  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTIyLjU3NHB4IiBoZWlnaHQ9IjkyMS4wNzJweCIgdmlld0JveD0iMCAwIDkyMi41NzQgOTIxLjA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTIyLjU3NCA5MjEuMDcyIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNzQ1Ljk0NSw4MjkuMDQyIDUxNS4wNzIsNTc3LjIyMiA1NzIuNjM1LDkxMy45NzIgNDY0LjE0Niw1OTAuMDIgMzc5Ljc2Myw5MjEuMDcyIDQxMi40MjEsNTgwLjk5OSANCgkyMDAuNjgyLDg0OS4xMDggMzY4LjgzNSw1NTEuNzIxIDY2LjM1Miw3MTAuNTI2IDM0MC45MjgsNTA3LjIzOSAwLDUyOS4yOTEgMzMzLjUyLDQ1NS4yNTYgMTMuMTAxLDMzNi43MzEgMzQ3Ljg5Niw0MDQuNzU2IA0KCTEwMy4zOTMsMTY2LjE1MyAzODEuNTc2LDM2NC40NzEgMjU1LjI1Nyw0Ny4wNDUgNDI4LjcyNCwzNDEuMzY2IDQ0Mi40MzYsMCA0ODEuMTk3LDMzOS40MzUgNjMyLjU2NiwzMy4xNTcgNTI5LjkyLDM1OS4wMTIgDQoJNzkyLjc3NiwxNDAuNzgyIDU2Ni40NjgsMzk2LjcxNCA4OTUuMzU2LDMwNC4yNjQgNTg0LjUxNCw0NDYuMDIxIDkyMi41NzQsNDk1LjMzNiA1ODAuOTUxLDQ5OC40MDkgODY5LjcyNCw2ODAuOTY0IA0KCTU1Ni4zODgsNTQ0LjgxNSAiLz4NCjwvc3ZnPg0K') center top no-repeat;
   content: '';
   height: 921px;
   left: 50%;
@@ -251,4 +272,13 @@ footer a:hover {
   table td {
     padding: 4px;
   }
+  table {
+    font-size: 80%;
+  }
+  .team {
+    grid-template-columns: auto;
+  }
+  .profile {
+    max-width: 400px;
+  }
 }