CSS and Refactoring #124
5 changed files with 36 additions and 7 deletions
|
@ -44,6 +44,12 @@ a:hover:not(.navbar-logo){
|
||||||
border-bottom: 4px dotted var(--secondary);
|
border-bottom: 4px dotted var(--secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* */
|
||||||
|
.btn-mobil a:hover,
|
||||||
|
.hero-btns a:hover {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 5em;
|
font-size: 5em;
|
||||||
margin: 0.7em auto;
|
margin: 0.7em auto;
|
||||||
|
|
|
@ -13,8 +13,6 @@ import Secret from "./components/pages/Secret";
|
||||||
import Umfrage from "./components/pages/Umfrage";
|
import Umfrage from "./components/pages/Umfrage";
|
||||||
import PrivateRoute from "./auth/PrivateRoute";
|
import PrivateRoute from "./auth/PrivateRoute";
|
||||||
import Behavior from "./components/pages/Behavior";
|
import Behavior from "./components/pages/Behavior";
|
||||||
import { Logger } from "@behametrics/logger-web";
|
|
||||||
import { useAuth } from "./auth/AuthProvider";
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -54,8 +54,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links:hover {
|
.nav-links:hover {
|
||||||
border-bottom: 4px dotted var(--secondary);
|
border-bottom: 5px dotted var(--secondary);
|
||||||
transition: all 0.2s ease-out;
|
transition: all 1.2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links-mobile {
|
.nav-links-mobile {
|
||||||
|
|
|
@ -1,8 +1,30 @@
|
||||||
import React from "react";
|
import React, { useEffect } from "react";
|
||||||
import "../../App.css";
|
import "../../App.css";
|
||||||
import Footer from "../../Footer";
|
import Footer from "../../Footer";
|
||||||
|
import { Logger } from "@behametrics/logger-web";
|
||||||
|
import { useAuth } from "../../auth/AuthProvider";
|
||||||
|
|
||||||
export default function Behavior() {
|
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 (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="sitePage">
|
<div className="sitePage">
|
||||||
|
|
|
@ -119,7 +119,10 @@ export default function Umfrage() {
|
||||||
<div className="sitePage">
|
<div className="sitePage">
|
||||||
<h1> Umfrage</h1>
|
<h1> Umfrage</h1>
|
||||||
<p>
|
<p>
|
||||||
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 <Link to="/logout">hier</Link> 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{" "}
|
||||||
|
<Link to="/logout">hier</Link> machen.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier
|
Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier
|
||||||
|
|
Loading…
Reference in a new issue