modif teatr fr

rooose

.forgejo/workflows/build.yaml

@@ -0,0 +1,19 @@
+name: build configuration
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: nix
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: deploy
+        run: nix-shell -p awscli2 --run "aws s3 sync ./www/ s3://$BUCKET/ --delete --endpoint-url $URL"
+        env:
+          URL: "https://s3.dgnum.eu/"
+          BUCKET: lanuit-website
+          AWS_ACCESS_KEY_ID: ${{ secrets.KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.SECRET_KEY }}

www/billetterie.html

@@ -10,7 +10,7 @@
 		<title>La Nuit &mdash; Gala de l'ENS</title>
 
 		<link rel="stylesheet" href="css/normalize.css">
-		<link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="css/style2.css">
 		<link rel="stylesheet" href="css/tipso.css">
 		<link rel="stylesheet" href="css/calendar.css">
     </head>
@@ -18,10 +18,10 @@
         <section>
             <h2>Billetterie en ligne</h2>
             <div>
-                <p>La billetterie n'est pas encore disponible. Elle ouvrira le lundi 6 novembre 2023.</p>
+                <p>La billetterie n'est pas encore disponible. Elle ouvrira le lundi 28 octobre 2024.</p>
             </div>
 
-            <a href="index.html" target="_blank">
+            <a href="index.html">
 					<div class="button">
 						Retour au site
 					</div>

www/css/calendar.css

@@ -28,7 +28,7 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: calc(100% + 30px);
+  height: calc(100% + 100px);
   padding: 0;
   border-bottom: 0px solid rgba(71, 19, 43, 0.25);
   z-index: 10;
@@ -89,7 +89,7 @@
 
 #cal-container .cal-event {
   position: relative;
-  height: 42px;
+  height: 57px;
   margin: 2px 0;
   padding: 5px;
   /* background-color: #EFEFEF; */
@@ -177,7 +177,7 @@
   /* min-width: 40%; */
   max-width: 80%;
   padding: 20px;
-  background-color: #333;
+  background-color: #322c30;
   color: #FFF;
   border-radius: 4px;
   box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
@@ -193,7 +193,7 @@
     width: 0;
     position: absolute;
     pointer-events: none;
-    border-bottom-color: #333;
+    border-bottom-color: #322c30;
     border-width: 20px;
     margin-left: -20px;
 }
@@ -207,7 +207,7 @@
   width: 0;
   position: absolute;
   pointer-events: none;
-  border-top-color: #333;
+  border-top-color: #322c30;
   border-width: 20px;
   margin-left: -20px;
 }

www/css/style.css

@@ -113,51 +113,46 @@ a {
 
 	position: relative;
 
-	background-image: url("../img/ui/header-Nuit-2022.jpg");
-	background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.jpg");
+	background-image: url("../img/ui/header-nuit.png");
+	background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png");
 	background-repeat: no-repeat;
-	background-position: center 18%;
+	background-position: center;
+	background-size: cover;
 }
 
 @media only screen and (max-width: 1200px) {
 	#main-header {
 		height: calc(100vh / 2);
-		background-size: auto calc(100vh / 2);
 	}
 }
 
 @media only screen and (max-width: 900px) {
 	#main-header {
 		height: calc(100vh / 2.5);
-		background-size: auto calc(100vh / 2.5);
 	}
 }
 
 @media only screen and (max-width: 600px) {
 	#main-header {
 		height: calc(100vh / 3);
-		background-size: auto calc(100vh / 3);
 	}
 }
 
 @media only screen and (max-width: 500px) {
 	#main-header {
 		height: calc(100vh / 5);
-		background-size: auto calc(100vh / 5);
 	}
 }
 
 @media only screen and (max-width: 300px) {
 	#main-header {
 		height: calc(100vh / 7);
-		background-size: auto calc(100vh / 7);
 	}
 }
 
 @media only screen and (max-width: 200px) {
 	#main-header {
 		height: calc(100vh / 8);
-		background-size: auto calc(100vh / 8);
 	}
 }
 

www/css/style2.css

@@ -0,0 +1,768 @@
+/*--------------------------------------------------------*/
+/* FONTS
+/*--------------------------------------------------------*/
+
+/* roboto-300 - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	src: local('Roboto Light'), local('Roboto-Light'),
+		url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-300.woff') format('woff');
+}
+
+/* roboto-regular - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Roboto'), local('Roboto-Regular'),
+		url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-regular.woff') format('woff');
+}
+
+/* roboto-italic - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Roboto Italic'), local('Roboto-Italic'),
+		url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-italic.woff') format('woff');
+}
+
+/* roboto-700 - latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Roboto Bold'), local('Roboto-Bold'),
+		url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
+		url('../fonts/roboto-v18-latin-700.woff') format('woff');
+}
+
+/* LilyScriptOne - Regular */
+@font-face {
+    font-family: 'Lily Script One';
+    src: url('../fonts/LilyScriptOne-Regular.eot');
+    src: local('Lily Script One'), local('LilyScriptOne-Regular'),
+        url('../fonts/LilyScriptOne-Regular.eot?#iefix') format('embedded-opentype'),
+        url('../fonts/LilyScriptOne-Regular.woff2') format('woff2'),
+        url('../fonts/LilyScriptOne-Regular.woff') format('woff'),
+        url('../fonts/LilyScriptOne-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/* josefin-regular */
+@font-face {
+	font-family: 'Josefin';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Josefin'), local('Josefin-Regular'),
+		url('../fonts/JosefinSans-Regular.ttf') format('truetype');
+
+}
+
+/* parisienne-regular */
+@font-face {
+	font-family: 'Parisienne';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Parisienne'), local('Parisienne-Regular'),
+		url('../fonts/Parisienne-Regular.ttf') format('truetype');
+
+}
+
+
+/*--------------------------------------------------------*/
+/* GENERAL RULES
+/*--------------------------------------------------------*/
+
+* {
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+html, body {
+	font-family: "Josefin", serif;
+	font-weight: 500;
+	line-height: 150%;
+	color: #FFFFFF;
+	font-size: 28px;
+}
+
+body {
+	background-color: #471f33;  <!-- ancien : violet : nouveau : pourpre -->
+  color: white;
+}
+
+a {
+	text-decoration: none;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	html, body {
+		font-size: 16px;
+		line-height: 160%;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* HEADER
+/*--------------------------------------------------------*/
+
+#main-header {
+	margin: 0;
+	min-width: 100%;
+  height: 500px;
+	/* min-height: calc(100vh / 1.4); */
+
+	position: relative;
+
+	background-image: url("../img/ui/header-nuit.png");
+	background-image: linear-gradient(rgba(0,0,0,0) 70%, #471f33 100%), url("../img/ui/header-nuit.png");
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+}
+
+@media only screen and (max-width: 1200px) {
+	#main-header {
+		height: calc(100vh / 2);
+	}
+}
+
+@media only screen and (max-width: 900px) {
+	#main-header {
+		height: calc(100vh / 2.5);
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#main-header {
+		height: calc(100vh / 3);
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	#main-header {
+		height: calc(100vh / 5);
+	}
+}
+
+@media only screen and (max-width: 300px) {
+	#main-header {
+		height: calc(100vh / 7);
+	}
+}
+
+@media only screen and (max-width: 200px) {
+	#main-header {
+		height: calc(100vh / 8);
+	}
+}
+
+/*--------------------------------------------------------*/
+
+
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* CONTENT
+/*--------------------------------------------------------*/
+
+section {
+	text-align: justify;
+}
+
+section > * {
+	max-width: 960px;
+
+	margin-left: calc(50% - 480px);
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
+section h2 {
+	margin-bottom: 25px;
+	padding: 100px 60px 15px 60px;
+
+	color: #ee93af;
+	text-shadow: 3px 2px 1px #e60b5f, 2px 3px 1px #e60b5f;
+	font-family: Josefin;
+	font-size: 3rem;
+	font-weight: 300;
+	line-height: 150%;
+	text-transform: none;
+	text-align: center;
+	word-wrap: break-word;
+	hyphens: auto;
+}
+
+section p {
+	padding-bottom: 20px;
+	font-size: 1rem;
+}
+
+section p.stand-out {
+	font-style: italic;
+	text-align: center;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	/* section {
+		width: 100%;
+
+		margin: 0 auto 100px auto;
+		padding: 0 60px;
+	} */
+
+	section > * {
+		max-width: 960px;
+		margin-left: auto;
+		margin-right: auto;
+		padding-left: 40px;
+		padding-right: 40px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	section > * {
+		padding-left: 30px;
+		padding-right: 30px;
+	}
+
+	section h2 {
+		padding: 80px 0 10px 0;
+		font-size: 1.6rem;
+		hyphens: none;
+		line-height: 2rem;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	section h2 {
+		font-size: 1.4rem;
+	}
+}
+
+
+
+/*--------------------------------------------------------*/
+/* BUTTONS
+/*--------------------------------------------------------*/
+
+.button {
+	display: block;
+	width: 60%;
+
+	margin: 20px auto 0 auto;
+	padding: 15px 25px;
+
+	background-image: url("../img/ui/button-background-burgundy-lines.svg");
+	background-repeat: no-repeat;
+	background-size: 100%;
+
+	/* color: #A6D0B2; */
+	/* color: #AA473C; */
+	/* color: #47132B; */
+	/* color: #000000; */
+	color: white;
+
+	font-size: 1.4rem;
+	font-weight: 400;
+	text-transform: uppercase;
+	text-align: center;
+
+	line-height: 32px;
+}
+
+.button:hover {
+	background-image: url("../img/ui/button-background-pink-panther.svg");
+	/* color: #00787E; */
+	/* color: #47132B; */
+	/* color: #AA473C; */
+	color: #340424;
+}
+
+.button img {
+	height: 32px;
+	width: 32px;
+
+	margin: 0 5px;
+}
+
+.button img.fix-alignement {
+	margin-top: -3px;
+}
+
+.button > * {
+	vertical-align: middle;
+}
+
+
+/*--------------------------------------------------------*/
+
+@media only screen and (max-width: 800px) {
+	.button {
+		width: 75%;
+		padding: 10px 15px;
+		font-size: 1.2rem;
+		line-height: 24px;
+	}
+
+	.button img {
+		height: 24px;
+		width: 24px;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.button {
+		width: 100%;
+		padding: 10px 10px;
+		font-size: 1.1rem;
+		line-height: 24px;
+	}
+}
+
+@media only screen and (max-width: 350px) {
+	.button {
+		padding: 0 5px;
+		font-size: 0.9rem;
+		line-height: 24px;
+	}
+}
+
+/*--------------------------------------------------------*/
+/* POPUP
+/*--------------------------------------------------------*/
+
+/* Popup container */
+.popup-trigger {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	text-decoration: dotted underline;
+  }
+
+
+  /* The actual popup (appears on top) */
+.popup-trigger .popup {
+	visibility: hidden;
+	min-width: 180px;
+	max-width: 350%;
+	background-color: #555;
+	color: #fff;
+	text-align: center;
+	border-radius: 6px;
+	padding: 8px 0;
+	position: absolute;
+	z-index: 1;
+	bottom: 125%;
+	left: 50%;
+	margin-left: -80px;
+  }
+
+  /* Popup arrow */
+.popup-trigger .popup::after {
+	content: "";
+	position: absolute;
+	top: 100%;
+	left: 50%;
+	margin-left: -5px;
+	border-width: 5px;
+	border-style: solid;
+	border-color: #555 transparent transparent transparent;
+  }
+  
+  /* Toggle this class when clicking on the popup container (hide and show the popup) */
+  .popup-trigger .show {
+	visibility: visible;
+	-webkit-animation: fadeIn 1s;
+	animation: fadeIn 1s
+  }
+  
+  /* Add animation (fade in the popup) */
+  @-webkit-keyframes fadeIn {
+	from {opacity: 0;}
+	to {opacity: 1;}
+  }
+  
+  @keyframes fadeIn {
+	from {opacity: 0;}
+	to {opacity:1 ;}
+  }
+
+/*--------------------------------------------------------*/
+/* POULPE
+/*--------------------------------------------------------*/
+
+.poulpe {
+	font-family: 'Lily Script One';
+	text-transform: capitalize;
+}
+
+/*--------------------------------------------------------*/
+/* CALENDAR
+/*--------------------------------------------------------*/
+
+#calendar {
+	max-width: 95%;
+	margin: 0 5% 0 5%;
+
+	/* background-color: rgba(71, 19, 43, 0.05) ; */
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	#calendar {
+		overflow-x: scroll;
+	}
+
+	#cal-container {
+		min-width: 1800px;
+		margin: 0 0 40px 0; /* Fix the weird y-overflow of the calendar root */
+	}
+}
+
+
+
+
+/*--------------------------------------------------------*/
+/* PRICE TABLE
+/*--------------------------------------------------------*/
+
+table.prices {
+	max-width: 600px;
+	width: 100%;
+
+	margin: 20px auto;
+
+	border-collapse: collapse;
+}
+
+table.prices th,
+table.prices td {
+	padding: 8px 0;
+
+	font-size: 1.3rem;
+	text-align: center;
+	vertical-align: middle;
+}
+
+table.prices th {
+	color: #eb6d3d;
+}
+
+table.prices td {
+	/* background-color: rgba(71, 19, 43, 0.03); */
+
+	border-top: 2px solid rgba(154, 117, 152, 0.3);
+	border-bottom: 2px solid rgba(154, 117, 152, 0.3);
+}
+
+table.prices tr:nth-child(odd) td {
+	/* background-color: rgba(71, 19, 43, 0.05); */
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	table.prices th,
+	table.prices td {
+		padding: 5px 0;
+
+		font-size: 1.1rem;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* LOCATION
+/*--------------------------------------------------------*/
+
+#mailing-address {
+	font-size: 1.5rem;
+
+	text-align: center;
+	line-height: 32px;
+	vertical-align: middle;
+}
+
+#mailing-address img {
+	width: 32px;
+	height: 32px;
+
+	vertical-align: middle;
+}
+
+
+#interactive-map {
+	width: 100%;
+
+	margin: 20px 0;
+
+	border: none;
+	border-radius: 10px;
+}
+
+
+#public-transport-info {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+	grid-template-rows: 1fr 1fr 1fr;
+
+	margin-left: calc(50% - 480px - 50px);
+	
+	font-size: 1.5rem;
+
+	line-height: 48px;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+#public-transport-info > * {
+	margin: 5px;
+
+	justify-self: left;
+}
+
+#public-transport-info img {
+	width: 48px;
+	height: 48px;
+
+	margin: 0 5px 0 0;
+
+	vertical-align: bottom;
+}
+
+#transport-metro-icon,
+#transport-metro-stop,
+#transport-bus-1-icon,
+#transport-bus-1-stop {
+	grid-row: 1;
+}
+
+#transport-rer-icon,
+#transport-rer-stop,
+#transport-bus-2-icon,
+#transport-bus-2-stop {
+	grid-row: 2;
+}
+
+#transport-noctilien-icon,
+#transport-noctilien-stop {
+	grid-row: 3;
+}
+
+#transport-metro-icon,
+#transport-rer-icon {
+	grid-column: 1;
+	justify-self: end;
+
+}
+
+#transport-metro-stop,
+#transport-rer-stop {
+	grid-column: 2;
+}
+
+#transport-bus-1-icon,
+#transport-bus-2-icon,
+#transport-noctilien-icon {
+	grid-column: 3;
+	justify-self: end;
+
+}
+
+#transport-bus-1-stop,
+#transport-bus-2-stop,
+#transport-noctilien-stop {
+	grid-column: 4;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 880px) {
+	#public-transport-info {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		grid-template-rows: auto auto auto auto auto;
+		align-items: center;
+
+		margin: 0;
+
+		line-height: 48px;
+	}
+
+	#transport-metro-icon,
+	#transport-metro-stop {
+		grid-row: 1;
+	}
+
+	#transport-rer-icon,
+	#transport-rer-stop {
+		grid-row: 2;
+	}
+
+	#transport-bus-1-icon,
+	#transport-bus-1-stop {
+		grid-row: 3;
+	}
+
+	#transport-bus-2-icon,
+	#transport-bus-2-stop {
+		grid-row: 4;
+	}
+
+	#transport-noctilien-icon,
+	#transport-noctilien-stop {
+		grid-row: 5;
+	}
+
+	#transport-metro-icon,
+	#transport-rer-icon,
+	#transport-bus-1-icon,
+	#transport-bus-2-icon,
+	#transport-noctilien-icon  {
+		grid-column: 1;
+		justify-self: end;
+
+	}
+
+	#transport-metro-stop,
+	#transport-rer-stop,
+	#transport-bus-1-stop,
+	#transport-bus-2-stop,
+	#transport-noctilien-stop  {
+		grid-column: 2;
+	}
+}
+
+@media only screen and (max-width: 580px) {
+	#mailing-address {
+		font-size: 1.1rem;
+	}
+
+	#public-transport-info {
+		grid-template-columns: 4fr 6fr;
+
+		line-height: 32px;
+		font-size: 1.1rem;
+	}
+
+	#public-transport-info img {
+		width: 32px;
+		height: 32px;
+	}
+}
+
+@media only screen and (max-width: 380px) {
+	#public-transport-info img {
+		display: block;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* SPONSORS
+/*--------------------------------------------------------*/
+
+#sponsors {
+	text-align: center;
+}
+
+#sponsors img {
+	height: 100px;
+	object-fit: cover;
+
+	margin: 20px;
+}
+
+#sponsors img.sponsor-disc {
+	height: 155px;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	#sponsors img {
+		height: 40px;
+
+		margin: 5px;
+	}
+
+	#sponsors img.sponsor-disc {
+		height: 60px;
+	}
+}
+
+
+
+
+
+/*--------------------------------------------------------*/
+/* CONTACT
+/*--------------------------------------------------------*/
+
+#contact-email {
+	font-family: monospace;
+	font-size: 1.5rem;
+	text-align: center;
+	word-wrap: break-word;
+}
+
+#contact-email img {
+	width: 32px;
+	height: 32px;
+
+	vertical-align: bottom;
+}
+
+
+/*--------------------------------------------------------*/
+
+
+@media only screen and (max-width: 480px) {
+	#contact-email {
+		font-size: 0.9rem;
+	}
+
+	#contact-email img {
+		display: none;
+	}
+}

www/english_billetterie.html

@@ -10,7 +10,7 @@
 		<title>La Nuit &mdash; The ENS Gala</title>
 
 		<link rel="stylesheet" href="css/normalize.css">
-		<link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="css/style2.css">
 		<link rel="stylesheet" href="css/tipso.css">
 		<link rel="stylesheet" href="css/calendar.css">
     </head>
@@ -18,10 +18,10 @@
         <section>
             <h2>Online ticketing service</h2>
             <div>
-                <p>The online ticketing has not open yet. Pre-sales will start on Monday, November 6th, 2023.</p>
+                <p>The online ticketing has not open yet. Pre-sales will start on 28. October 2024.</p>
             </div>
 
-            <a href="english_index.html" target="_blank">
+            <a href="english_index.html">
 					<div class="button">
 						Back to main page
 					</div>

www/img/icons/email.svg

@@ -4,7 +4,7 @@
 <svg version="1.1" baseProfile="tiny" id="Calque_1"
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
 	 viewBox="0 0 24 24" xml:space="preserve">
-<path fill="#FFFBEA" d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5
+<path fill="#e60b5f" d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5
 	L4,8V6l8,5l8-5V8z"/>
 <path fill="none" d="M0,0h24v24H0V0z"/>
 </svg>

www/img/icons/instagram.svg

@@ -5,14 +5,14 @@
 	 width="169.063px" height="169.063px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;"
 	 xml:space="preserve">
 <g>
-	<path fill="#FFDFA6" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
+	<path fill="#e60b5f" d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
 		c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
 		c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
 		c17.455,0,31.656,14.201,31.656,31.655V122.407z"/>
-	<path fill="#FFDFA6" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
+	<path fill="#e60b5f" d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
 		C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
 		c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z"/>
-	<path fill="#FFDFA6" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
+	<path fill="#e60b5f" d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
 		c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
 		C135.661,29.421,132.821,28.251,129.921,28.251z"/>
 </g>

www/img/icons/ticket.svg

@@ -5,7 +5,7 @@
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px"
 	 viewBox="0 0 24 24" xml:space="preserve">
 <path fill="none" d="M0,0h24v24H0V0z"/>
-<path fill="#FFDFA6" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
+<path fill="#e60b5f" d="M20,12c0-1.1,0.9-2,2-2V6c0-1.1-0.9-2-2-2H4C2.9,4,2.01,4.9,2.01,6v4C3.11,10,4,10.9,4,12c0,1.1-0.89,2-2,2
 	v4c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-4C20.9,14,20,13.1,20,12z M15.58,16.8L12,14.5l-3.58,2.3l1.08-4.12L6.21,9.99l4.24-0.25
 	L12,5.8l1.54,3.95L17.779,10l-3.289,2.689L15.58,16.8z"/>
 </svg>

www/img/ui/button-background-burgundy-lines.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1544 199" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+<rect id="Artboard2" x="0" y="-0" width="1543.01" height="198.68" style="fill:none;"/>
+<g><path d="M62.391,46.658c145.016,0 290.376,0.829 435.19,-0.686c88.667,-0.928 174.802,-9.186 262.938,-11.408c73.162,-1.845 148.62,-0 221.905,-0c102.257,-0 208.796,-3.122 310.751,-0c44.137,1.351 88.895,0.662 132.995,2.121c1.949,0.064 38.706,1.374 38.706,0.21" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M78.764,75.012l271.384,-0c33.288,-0 82.32,3.471 115.505,-0c213.023,-22.285 420.936,-28.269 638.284,-36.35c84.135,-3.128 170.013,-3.013 255.012,-3.013c14.145,0 79.286,-3.588 90.687,0c2.388,0.752 -15.8,1.075 -16.939,1.075c-9.158,-0 -36.198,-1.635 -41.349,1.938c-5.434,3.769 32.467,7.939 17.993,13.036c-9.676,3.407 -56.958,-1.097 -68.825,-1.097c-60.124,0 -118.473,10.478 -179.329,12.925c-44.148,1.776 -87.275,7.455 -130.715,9.675c-92.855,4.746 -187.392,4.544 -281.135,7.061c-87.918,2.36 -173.074,8.41 -261.303,10.145c-71.223,1.401 -142.82,2.863 -214.166,2.863l-105.503,-0c152.013,-0 317.902,-1.667 466.41,-13.867c76.513,-6.285 148.801,-20.949 226.953,-24.388c66.852,-2.943 144.289,1.39 211.949,1.39c47.005,-0 95.323,-4.854 142.856,-2.553c64.36,3.115 131.025,10.34 195.214,15.024c30.192,2.203 61.493,-2.608 90.121,-2.608c6.778,-0 -13.558,-0 -20.336,-0l-33.454,-0c-35.766,-0 -71.375,1.794 -106.902,1.794c-54.788,-0 -90.788,10.917 -141.944,17.627c-45.617,5.983 -98.442,6.484 -146.206,8.561c-113.059,4.917 -221.421,16.974 -330.898,27.296c-137.175,12.933 -290.063,11.967 -430.472,11.967c-64.929,-0 -129.374,-0.449 -194.082,-0.449c-12.571,0 -55.144,1.535 -62.44,-3.45c-7.908,-5.402 22.955,-6.404 29.742,-7.498c41.375,-6.667 81.789,-12.273 125.886,-16.381c93.696,-8.728 184.565,-3.017 279.531,-5.056c56.063,-1.203 113.582,-7.373 168.508,-11.452c34.319,-2.548 68.278,-4.675 102.892,-6.551c4.578,-0.248 26.844,0.127 30.433,-1.041c0.602,-0.196 -12.912,-0.338 -15.224,-0.338l-32.085,0c-25.345,0 -52.181,-0.953 -77.381,0c-101.532,3.839 -188.761,14.695 -280.837,27.44c-24.89,3.445 -52.121,8.117 -78.954,9.508c-9.5,0.493 -19.451,0.67 -28.75,1.291c-0.788,0.052 -19.181,0.373 -17.144,1.091c3.713,1.307 32.862,-0 37.102,-0c47.2,-0 92.11,-1.258 138.956,-3.052c18.903,-0.724 37.473,-2.093 56.259,-2.647c7.817,-0.23 31.011,-1.456 23.167,-1.456c-16.326,-0 -31.643,-1.335 -48.112,-1.335c-7.895,0 -31.581,0 -23.686,0c94.284,0 187.668,-0.317 281.67,-3.206c37.631,-1.157 92.093,-2.121 106.399,-7.842c4.757,-1.902 79.041,-1.277 101.131,-1.528c95.476,-1.084 192.331,1.224 287.631,-0.881c81.83,-1.807 178.715,-42.25 260.422,-15.694c1.711,0.557 -0.788,2.462 -2.108,2.764c-24.03,5.495 -60.268,4.833 -87.447,7.049c-57.297,4.672 -118.82,5.359 -174.862,11.785c-116.732,13.384 -237.647,31.787 -361.599,34.76c-9.538,0.229 -111.022,0.988 -113.335,-0.653c-7.864,-5.58 22.634,-6.428 29.93,-7.028c35.654,-2.932 70.873,-5.909 106.194,-9.408c140.876,-13.959 272.172,-18.091 401.108,-40.963c14.304,-2.538 102.781,-0.663 102.781,5.969" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M82.334,159.497c71.187,-0 164.188,5.865 233.433,-0.453c147.306,-13.44 287.926,-29.686 439.074,-38.822c67.189,-4.062 135.931,-7.571 201.915,-13.54c14.876,-1.345 49.82,-0.592 60.725,-4.518c4.021,-1.448 -8.876,-2.851 -10.019,-3.058c-5.229,-0.948 -49.228,-0.677 -49.228,-1.223" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1314.03,152.358c-138.647,0 -282.432,-4.263 -420.909,0c-73.041,2.249 -159.173,3.143 -232.096,-0.377c-59.078,-2.85 -120.544,-0.492 -180.021,-0.492c-28.654,-0 -66.299,-2.424 -94.305,-0c-10.586,0.916 -24.125,4.59 -34.412,4.59c-4.438,0 29.489,-6.955 29.82,-6.988" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1456.73,144.051l-252.401,0c-30.748,0 -63.175,-2.171 -92.621,-5.028c-18.585,-1.803 -27.117,-4.812 -8.635,-7.792c10.203,-1.644 19.926,-3.243 31.094,-4.02c14.665,-1.02 31.494,-1.695 46.382,-1.966c73.964,-1.346 138.131,3.782 210.784,3.782c22.499,0 45.142,-0.487 67.394,-0.487c9.488,0 18.416,-0.482 27.949,-0.482c4.152,0 16.608,0 12.456,0c-28.152,0 -12.651,-14.767 -23.592,-18.812c-9.232,-3.413 -25.421,3.1 -38.627,3.871c-41.318,2.415 -89.25,0 -131.029,0c-97.479,0 -216.097,6.223 -307.15,0.637c-23.941,-1.469 -44.921,-7.12 -69.092,-8.55c-47.349,-2.802 -100.829,-0.488 -148.77,-0.488c-33.16,0 -55.48,-4.367 -86.503,-7.415c-48.998,-4.813 -99.492,-9.442 -147.213,-15.755c-25.874,-3.423 -52.136,-11.38 -80.511,-11.38c-12.731,0 -59.218,-8.767 -63.493,-2.796" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M138.671,34.697c210.573,-0 422.534,-4.048 633.691,-4.048c99.136,-0 251.754,0.432 341.263,13.933" style="fill:none;stroke:#340424;stroke-width:54.17px;"/>
+<path d="M1049.94,155.055c-67.326,-0 -123.167,-3.66 -187.885,-5.948c-103.185,-3.649 -213.682,-0.725 -316.916,-0.725c-70.93,-0 -160.329,-5.511 -222.376,9.043" style="fill:none;stroke:#340424;stroke-width:54.17px;"/></g>
+</svg>

www/img/ui/button-background-pink-panther.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1544 199" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+<rect id="Artboard2" x="0" y="-0" width="1543.01" height="198.68" style="fill:none;"/>
+<g><path d="M62.391,46.658c145.016,0 290.376,0.829 435.19,-0.686c88.667,-0.928 174.802,-9.186 262.938,-11.408c73.162,-1.845 148.62,-0 221.905,-0c102.257,-0 208.796,-3.122 310.751,-0c44.137,1.351 88.895,0.662 132.995,2.121c1.949,0.064 38.706,1.374 38.706,0.21" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M78.764,75.012l271.384,-0c33.288,-0 82.32,3.471 115.505,-0c213.023,-22.285 420.936,-28.269 638.284,-36.35c84.135,-3.128 170.013,-3.013 255.012,-3.013c14.145,0 79.286,-3.588 90.687,0c2.388,0.752 -15.8,1.075 -16.939,1.075c-9.158,-0 -36.198,-1.635 -41.349,1.938c-5.434,3.769 32.467,7.939 17.993,13.036c-9.676,3.407 -56.958,-1.097 -68.825,-1.097c-60.124,0 -118.473,10.478 -179.329,12.925c-44.148,1.776 -87.275,7.455 -130.715,9.675c-92.855,4.746 -187.392,4.544 -281.135,7.061c-87.918,2.36 -173.074,8.41 -261.303,10.145c-71.223,1.401 -142.82,2.863 -214.166,2.863l-105.503,-0c152.013,-0 317.902,-1.667 466.41,-13.867c76.513,-6.285 148.801,-20.949 226.953,-24.388c66.852,-2.943 144.289,1.39 211.949,1.39c47.005,-0 95.323,-4.854 142.856,-2.553c64.36,3.115 131.025,10.34 195.214,15.024c30.192,2.203 61.493,-2.608 90.121,-2.608c6.778,-0 -13.558,-0 -20.336,-0l-33.454,-0c-35.766,-0 -71.375,1.794 -106.902,1.794c-54.788,-0 -90.788,10.917 -141.944,17.627c-45.617,5.983 -98.442,6.484 -146.206,8.561c-113.059,4.917 -221.421,16.974 -330.898,27.296c-137.175,12.933 -290.063,11.967 -430.472,11.967c-64.929,-0 -129.374,-0.449 -194.082,-0.449c-12.571,0 -55.144,1.535 -62.44,-3.45c-7.908,-5.402 22.955,-6.404 29.742,-7.498c41.375,-6.667 81.789,-12.273 125.886,-16.381c93.696,-8.728 184.565,-3.017 279.531,-5.056c56.063,-1.203 113.582,-7.373 168.508,-11.452c34.319,-2.548 68.278,-4.675 102.892,-6.551c4.578,-0.248 26.844,0.127 30.433,-1.041c0.602,-0.196 -12.912,-0.338 -15.224,-0.338l-32.085,0c-25.345,0 -52.181,-0.953 -77.381,0c-101.532,3.839 -188.761,14.695 -280.837,27.44c-24.89,3.445 -52.121,8.117 -78.954,9.508c-9.5,0.493 -19.451,0.67 -28.75,1.291c-0.788,0.052 -19.181,0.373 -17.144,1.091c3.713,1.307 32.862,-0 37.102,-0c47.2,-0 92.11,-1.258 138.956,-3.052c18.903,-0.724 37.473,-2.093 56.259,-2.647c7.817,-0.23 31.011,-1.456 23.167,-1.456c-16.326,-0 -31.643,-1.335 -48.112,-1.335c-7.895,0 -31.581,0 -23.686,0c94.284,0 187.668,-0.317 281.67,-3.206c37.631,-1.157 92.093,-2.121 106.399,-7.842c4.757,-1.902 79.041,-1.277 101.131,-1.528c95.476,-1.084 192.331,1.224 287.631,-0.881c81.83,-1.807 178.715,-42.25 260.422,-15.694c1.711,0.557 -0.788,2.462 -2.108,2.764c-24.03,5.495 -60.268,4.833 -87.447,7.049c-57.297,4.672 -118.82,5.359 -174.862,11.785c-116.732,13.384 -237.647,31.787 -361.599,34.76c-9.538,0.229 -111.022,0.988 -113.335,-0.653c-7.864,-5.58 22.634,-6.428 29.93,-7.028c35.654,-2.932 70.873,-5.909 106.194,-9.408c140.876,-13.959 272.172,-18.091 401.108,-40.963c14.304,-2.538 102.781,-0.663 102.781,5.969" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M82.334,159.497c71.187,-0 164.188,5.865 233.433,-0.453c147.306,-13.44 287.926,-29.686 439.074,-38.822c67.189,-4.062 135.931,-7.571 201.915,-13.54c14.876,-1.345 49.82,-0.592 60.725,-4.518c4.021,-1.448 -8.876,-2.851 -10.019,-3.058c-5.229,-0.948 -49.228,-0.677 -49.228,-1.223" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1314.03,152.358c-138.647,0 -282.432,-4.263 -420.909,0c-73.041,2.249 -159.173,3.143 -232.096,-0.377c-59.078,-2.85 -120.544,-0.492 -180.021,-0.492c-28.654,-0 -66.299,-2.424 -94.305,-0c-10.586,0.916 -24.125,4.59 -34.412,4.59c-4.438,0 29.489,-6.955 29.82,-6.988" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1456.73,144.051l-252.401,0c-30.748,0 -63.175,-2.171 -92.621,-5.028c-18.585,-1.803 -27.117,-4.812 -8.635,-7.792c10.203,-1.644 19.926,-3.243 31.094,-4.02c14.665,-1.02 31.494,-1.695 46.382,-1.966c73.964,-1.346 138.131,3.782 210.784,3.782c22.499,0 45.142,-0.487 67.394,-0.487c9.488,0 18.416,-0.482 27.949,-0.482c4.152,0 16.608,0 12.456,0c-28.152,0 -12.651,-14.767 -23.592,-18.812c-9.232,-3.413 -25.421,3.1 -38.627,3.871c-41.318,2.415 -89.25,0 -131.029,0c-97.479,0 -216.097,6.223 -307.15,0.637c-23.941,-1.469 -44.921,-7.12 -69.092,-8.55c-47.349,-2.802 -100.829,-0.488 -148.77,-0.488c-33.16,0 -55.48,-4.367 -86.503,-7.415c-48.998,-4.813 -99.492,-9.442 -147.213,-15.755c-25.874,-3.423 -52.136,-11.38 -80.511,-11.38c-12.731,0 -59.218,-8.767 -63.493,-2.796" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M138.671,34.697c210.573,-0 422.534,-4.048 633.691,-4.048c99.136,-0 251.754,0.432 341.263,13.933" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/>
+<path d="M1049.94,155.055c-67.326,-0 -123.167,-3.66 -187.885,-5.948c-103.185,-3.649 -213.682,-0.725 -316.916,-0.725c-70.93,-0 -160.329,-5.511 -222.376,9.043" style="fill:none;stroke:#eb4e89;stroke-width:54.17px;"/></g>
+</svg>