From 33f5262eeec9bc629e290155d5c22ae805fc98f1 Mon Sep 17 00:00:00 2001 From: cami Date: Sat, 10 Jul 2021 23:44:37 +0200 Subject: [PATCH] CSS and Refactoring - added some css so that everything will become better - refactored some things --- frontend/src/App.css | 8 +++++++- frontend/src/App.js | 2 -- frontend/src/components/Navbar.css | 4 ++-- frontend/src/components/pages/Behavior.js | 24 ++++++++++++++++++++++- frontend/src/components/pages/Umfrage.js | 5 ++++- 5 files changed, 36 insertions(+), 7 deletions(-) diff --git a/frontend/src/App.css b/frontend/src/App.css index 5d1f792..a128aa2 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -40,10 +40,16 @@ color: var(--primary); } -a:hover:not(.navbar-logo){ +a:hover:not(.navbar-logo) { border-bottom: 4px dotted var(--secondary); } +/* */ +.btn-mobil a:hover, +.hero-btns a:hover { + border-bottom: none; +} + h1 { font-size: 5em; margin: 0.7em auto; diff --git a/frontend/src/App.js b/frontend/src/App.js index 3e20248..fed81fe 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -13,8 +13,6 @@ import Secret from "./components/pages/Secret"; import Umfrage from "./components/pages/Umfrage"; import PrivateRoute from "./auth/PrivateRoute"; import Behavior from "./components/pages/Behavior"; -import { Logger } from "@behametrics/logger-web"; -import { useAuth } from "./auth/AuthProvider"; function App() { return ( diff --git a/frontend/src/components/Navbar.css b/frontend/src/components/Navbar.css index 298a153..ac51d7a 100644 --- a/frontend/src/components/Navbar.css +++ b/frontend/src/components/Navbar.css @@ -54,8 +54,8 @@ } .nav-links:hover { - border-bottom: 4px dotted var(--secondary); - transition: all 0.2s ease-out; + border-bottom: 5px dotted var(--secondary); + transition: all 1.2s ease-out; } .nav-links-mobile { diff --git a/frontend/src/components/pages/Behavior.js b/frontend/src/components/pages/Behavior.js index 3925394..d3e15bc 100644 --- a/frontend/src/components/pages/Behavior.js +++ b/frontend/src/components/pages/Behavior.js @@ -1,8 +1,30 @@ -import React from "react"; +import React, { useEffect } from "react"; import "../../App.css"; import Footer from "../../Footer"; +import { Logger } from "@behametrics/logger-web"; +import { useAuth } from "../../auth/AuthProvider"; export default function Behavior() { + let logger = new Logger({ + //inputs: ["cursor", "wheel", "keyboard", "touch"], + inputs: ["keyboard"], + logToConsole: true, + }); + logger.init(); + + let [isLoggedIn] = useAuth(); + + useEffect(() => { + document.title = `${isLoggedIn}`; + console.log(isLoggedIn); + if (isLoggedIn === false) { + logger.stop(); + console.log("stopped logger"); + } else { + logger.start(); + console.log("start logger"); + } + }); return ( <>
diff --git a/frontend/src/components/pages/Umfrage.js b/frontend/src/components/pages/Umfrage.js index 44b6ee6..2d1435b 100644 --- a/frontend/src/components/pages/Umfrage.js +++ b/frontend/src/components/pages/Umfrage.js @@ -119,7 +119,10 @@ export default function Umfrage() {

Umfrage

- Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du dich wieder abmelden möchtest, kannst du das hier machen. + Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und + ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du + dich wieder abmelden möchtest, kannst du das{" "} + hier machen.

Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier