Layout

assets/index.html

@@ -11,7 +11,7 @@
             display: flex;
             justify-content: center;
             position: absolute;
-            left: 140px;
+            left: 180px;
             top: 580px;
             transition-duration: 0.4s;
             border-radius: 3px;
@@ -40,7 +40,7 @@
             width: 146px;
             position: absolute;
             top: 181px; 
-            left: 754px;
+            left: 834px;
             border-radius: 0;
             border: 1px solid #909090;
         }
@@ -50,7 +50,7 @@
             position: absolute;
             display: inline-block;
             top: 181px; 
-            left: 608px;
+            left: 688px;
             border-radius: 0;
             border: 1px solid #909090;
         }
@@ -61,7 +61,7 @@
             padding: 10px;
             position: absolute; 
             top: 10px; 
-            left: 608px;
+            left: 688px;
             display: inline-block;
             margin: 0;
         }
@@ -74,7 +74,7 @@
             border: 1px solid #999;
             position: absolute; 
             top: 200px; 
-            left: 608px;
+            left: 688px;
             display: inline-block;
             overflow-y: scroll;
             margin: 0;
@@ -91,7 +91,7 @@
     <button id="change_graph" class="display" onclick="display()">Display Timeline</button>
 
     <!-- graph 576-->
-    <svg class="graph" width="600" height="560"></svg>
+    <svg class="graph" width="680" height="560"></svg>
     <p id="oldjson"></p>
 
     <!-- legend -->

citation_parser_main.py

@@ -115,7 +115,7 @@ html.Div(children=[
         html.Div(id='generate-graph-error',style={'color':'red', 'position': "absolute", 'margin-top': "650px"}),
         html.Iframe(
             src="assets/index.html",
-            style={"height": "650px", "width": "980px"},
+            style={"height": "650px", "width": "1000px"},
         ),
     ]),size="lg", color="primary", type="border", fullscreen=True,),
     ], style={'padding': 10, 'flex': 1.2})

info_box.txt

-English
-
-Show Info: Can be activated and deactivated by clicking on the button.
-
-Input: input by entering a DOI ("Digital Object Identifier")
-
-Drag and drop or click to select a file to upload: entering multiple DOI by txt-file is only possible if every DOI has its own line.
-
-Recursion:
-
-Clear All: clearing all inputs
-
-Clear Selected: clearing all selected inputs
-
-Generate Graph: generates the graph
-
-Update Automatically: automatically updates the graph for every new input
-
-Smart Input: checks the correctness of the entered DOI and shows a nicer depiction: Author, Journal, publication date.
+Deutsch
 
+Bei Eingabe eines DOI ("Digital Object Identifier") oder Hyperlinks zu einem wissenschaftlichen Artikel ist es diesem Programm möglich die Zitierungs-Beziehungen zwischen diesen wissenschaftlichen Artikeln, mittels eines Graphen visuell darzustellen. 
 
+Smart Input: direkte Überprüfung der Eingabe auf Richtigkeit zudem wird nicht mehr der DOI angezeigt sondern:
+Der Autor, Das Journal, Das Veröffentlichungsdatum. (muss vor Hinzufügen aktiviert worden sein)
 
-German 
 
-Show Info: Durch wiederholtes klicken kann das Fenster ein und aus geblendet werden.
-
-Input: Die Eingabe erfolgt in Form eines DOI ("Digital Object Identifier") 
-
-Drag and drop or click to select a file to upload: Mehrere DOI in einem txt-Dokument müssen untereinander angeordnet sein.
-
-Recursion: 
-
-Clear All: alle Eingaben werden gelöscht
-
-Clear Selected: alle markierten Eingaben werden gelöscht
-
-Generate Graph: generiert den zugehörigen Graphen
-
-Update Automatically: automatische Aktualisierung des Graphen nach neuer Eingabe
-
-Smart Input: direkte Überprüfung der Eingabe auf Richtigkeit zudem wird nicht mehr der DOI angezeigt sondern: Der Autor, Das Journal, Das Veröffentlichungsdatum.
+English
 
+By entering a DOI ("Digital Object Identifier") or hyperlink to a scientific article, this program is able to visualize the citation relationships between these scientific articles using a graph.
 
+Smart Input: Direct verification for correctness of the input. In addition, the DOI is no longer displayed but:
+The Author, The Journal, The Publication Date. (must be activated before adding the DOI)
\ No newline at end of file