diff --git a/gemeinsamforschen/src/main/webapp/assets/css/researchReport.css b/gemeinsamforschen/src/main/webapp/assets/css/researchReport.css
index 4c468fbc063d3f190b5a94c37286a290b7356256..8769aec0ca4051ba7ee121a062093f794712ae36 100644
--- a/gemeinsamforschen/src/main/webapp/assets/css/researchReport.css
+++ b/gemeinsamforschen/src/main/webapp/assets/css/researchReport.css
@@ -11,8 +11,8 @@ html, body
width: 100%
display: grid
grid-template-rows: 5rem 90vh 5rem
- grid-template-columns: 15% 75% 10%
- grid-template-areas: "sidebar header header" "sidebar editor editor" "sidebar buttons ."
+ grid-template-columns: 15% 85%
+ grid-template-areas: "sidebar header header" "sidebar editor editor" "sidebar buttons ." "sidebar progress ."
@@ -57,6 +57,26 @@ html, body
+.researchReportProgress
+ background: #003f60
+ color: red
+ grid-area: progress
+ display: flex
+ justify-content: center
+ align-items: center
+ nav
+ font-size: 1.2rem
+ menu
+ menuitem
+ a
+ color: white
+ text-decoration: none
+ margin: 0 0 0 0rem
+ cursor: pointer
+
+
+
+
.researchReportButtons
background-color: #4CAF50
@@ -65,6 +85,97 @@ html, body
padding: 15px 25px
text-align: center
font-size: 16px
- cursor: pointer
+
+
+
+/*
+
+html, body {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ font-size: 10px;
+ font-family: "Roboto", sans-serif;
+ background-color: gray;
+}
+
+.researchReportForm {
+ width: 100%;
+ display: grid;
+ grid-template-rows: 5rem 90vh 5rem;
+ grid-template-columns: 15% 85%;
+ grid-template-areas: "sidebar header header" "sidebar editor editor" "sidebar buttons ." "sidebar progress .";
+}
+
+.researchReportMenu {
+ background: black;
+ color: white;
+ grid-area: sidebar;
+}
+.researchReportMenu nav {
+ font-size: 1.5rem;
+}
+.researchReportMenu nav menu menuitem a {
+ color: White;
+ text-decoration: none;
+ margin: 0 0 0 1rem;
+}
+
+.researchReportTitlebar {
+ background: #003f60;
+ color: White;
+ grid-area: header;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.researchReportEditor {
+ grid-area: editor;
+ background: gray;
+ color: black;
+ display: flex;
+ justify-content: Left;
+ align-items: Center;
+}
+.researchReportEditor .editor-inhalt {
+ margin: 6rem;
+ padding: 6rem;
+ font-size: 2rem;
+ color: #fff;
+ text-align: Left;
+ width: 10%;
+}
+
+.researchReportProgress {
+ background: #003f60;
+ color: red;
+ grid-area: progress;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.researchReportProgress nav {
+ font-size: 1.5rem;
+}
+.researchReportProgress nav menu menuitem a {
+ color: White;
+ text-decoration: none;
+ margin: 0 0 0 1rem;
+ cursor: pointer;
+}
+
+.researchReportButtons {
+ background-color: #4CAF50;
+ border: 1.8px solid black;
+ color: black;
+ padding: 15px 25px;
+ text-align: center;
+ font-size: 16px;
+ cursor: pointer;
+}
+
+ */
\ No newline at end of file
diff --git a/gemeinsamforschen/src/main/webapp/pages/createResearchReport.html b/gemeinsamforschen/src/main/webapp/pages/createResearchReport.html
new file mode 100644
index 0000000000000000000000000000000000000000..baeaed73c1b3f56253857ed8050d39b4d54cf5cf
--- /dev/null
+++ b/gemeinsamforschen/src/main/webapp/pages/createResearchReport.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <script src="https://cdn.jsdelivr.net/npm/inscrybmde@1.11.3/dist/inscrybmde.min.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="../assets/css/create-journal.css">
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/inscrybmde@1.11.3/dist/inscrybmde.min.css">
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <script src="../assets/js/utility.js"></script>
+
+ <meta charset="UTF-8">
+ <title>Forschungsbericht erstellen</title>
+</head>
+<body>
+
+<h1> Forschungsbericht erstellen </h1>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/gemeinsamforschen/src/main/webapp/pages/researchReportQuestion.html b/gemeinsamforschen/src/main/webapp/pages/researchReportQuestion.html
index 279797dd3360494a03471bd8cdd5afeb9b9a7c08..b27ef662c6d98defbeb553017f2eb797ce9bbcd8 100644
--- a/gemeinsamforschen/src/main/webapp/pages/researchReportQuestion.html
+++ b/gemeinsamforschen/src/main/webapp/pages/researchReportQuestion.html
@@ -1,4 +1,3 @@
-
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/inscrybmde@1.11.3/dist/inscrybmde.min.js"></script>
@@ -32,18 +31,31 @@
<div class ="researchReportEditor">
<h2 class="editor-inhalt">Forschungsfrage eingeben:</h2>
- <textarea id = "editor" name="text" form="researchReportForm" rows="20" cols="100">
+ <textarea id = "editor" name="text" form="researchReportForm" rows="10" cols="100">
</textarea>
</div>
<div class="ResearchReportButtons">
<input type="submit" class="researchReportButtons">
<button class="researchReportButtons"> Zurück </button>
</div>
+ <div class="researchReportProgress">
+ <nav>
+ <menu>
+ <menuitem><a href="">Titel</a> </menuitem>
+ <menuitem><a href="">Recherche</a> </menuitem>
+ <menuitem><a href="">Literaturverzeichnis</a> </menuitem>
+ <menuitem><a href=""><font color="#green">Forschnugsfrage</font></a> </menuitem>
+ <menuitem><a href="">Konzept</a></menuitem>
+ <menuitem><a href="">Methodik</a></menuitem>
+ <menuitem><a href="">Durchführung</a></menuitem>
+ <menuitem><a href="">Evalution</a></menuitem>
+ </menu>
+ </nav>
+ </div>
</form>
<script>
-
</script>
</body>