Integration of start page scss into roberta.css (#1647)

- delete old/unused system photos
- updated joy car preview photo
- roberta.css formatted with IntelliJ

Author: fallefreundig

OpenRobertaServer/staticResources/app/scss/components/_start.scss

@@ -1,50 +1,3 @@
-/*************************************
-***** Custom Variables ***** 
-*************************************/
-$primary: #39378B;
-$secondary: #FDC300;
-$tertiary: #33B8CA;
-$quaternary: #88BCE2;
-
-$border-radius--standard: rem(5px);
-
-/*************************************
-***** Functions ***** 
-*************************************/
-
-@function svg-icon-arrow($farbe) {
-    @return url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="'+$farbe+'" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/></svg>');
-}
-
-/*************************************
-***** Animations ***** 
-*************************************/
-
-/*************************************
-***** Repeating Classes ***** 
-*************************************/
-
-.transition {
-    transition: all .3s;
-}
-
-.button-big--arrow {
-    content: "";
-    height: rem(30px);
-    width: rem(30px);
-    background-repeat: no-repeat;
-    background-size: contain;
-    position: absolute;
-    bottom: rem(15px);
-    right: rem(20px);
-    @extend .transition;
-    @media (hover: hover) {
-        &:hover {
-            right: rem(15px);
-        }
-    }	
-}
-
 /*************************************
 ***** Adding more Breakpoints to Bootstrap ***** 
 *************************************/

OpenRobertaServer/staticResources/app/scss/components/_variables.scss

@@ -2,8 +2,7 @@
 ***** Project Libraries ***** 
 *************************************/
 
-@import "libraries/rem";
-//Maybe useful.
+// Bootstrap Customization
 @import "components/variables";
 
 // Bootstrap Components
@@ -58,10 +57,4 @@
 @import "libraries/enjoyhint";
 // @import "libraries/prettify"; What is it for? CSS file has some errors.
 @import "libraries/huebee.min";
-//@import "libraries/neuralnetwork-bundle";
-
-/*************************************
-***** New Start Page 2024 ***** 
-*************************************/
-
-@import "components/start";
+//@import "libraries/neuralnetwork-bundle";