diff --git a/src/main/java/NTNU/IDATT1002/controllers/ViewPicture.java b/src/main/java/NTNU/IDATT1002/controllers/ViewPicture.java
new file mode 100644
index 0000000000000000000000000000000000000000..99adbda3694f404739c3da136f0b84e72dad1f77
--- /dev/null
+++ b/src/main/java/NTNU/IDATT1002/controllers/ViewPicture.java
@@ -0,0 +1,43 @@
+package NTNU.IDATT1002.controllers;
+
+import javafx.event.ActionEvent;
+import javafx.scene.control.Button;
+import javafx.scene.control.TextField;
+import javafx.scene.image.ImageView;
+import javafx.scene.input.MouseEvent;
+import javafx.scene.layout.Pane;
+import javafx.scene.text.Text;
+
+public class ViewPicture {
+ public ImageView tbar_logo;
+ public TextField tbar_search;
+ public Button tbar_searchButton;
+ public Button tbar_explore;
+ public Button tbar_map;
+ public Button tbar_upload;
+ public ImageView picture;
+ public Text picture_tagsField;
+ public Text picture_title_field;
+ public Text desc_textField;
+ public Pane metadata_pane;
+
+ public void switchToSearch(ActionEvent actionEvent) {
+
+ }
+
+ public void switchToExplore(ActionEvent actionEvent) {
+
+ }
+
+ public void switchToMap(ActionEvent actionEvent) {
+
+ }
+
+ public void switchToUpload(ActionEvent actionEvent) {
+
+ }
+
+ public void openPopUpPicture(MouseEvent mouseEvent) {
+ //method that opens pop-up of picture
+ }
+}
diff --git a/src/main/resources/NTNU/IDATT1002/view_picture.fxml b/src/main/resources/NTNU/IDATT1002/view_picture.fxml
new file mode 100644
index 0000000000000000000000000000000000000000..ac6da0bc8289fa5e5bb113948656c53dc936215d
--- /dev/null
+++ b/src/main/resources/NTNU/IDATT1002/view_picture.fxml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.image.Image?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+<?import javafx.scene.text.Text?>
+
+<AnchorPane prefHeight="1080.0" prefWidth="1920.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="NTNU.IDATT1002.controllers.ViewPicture">
+ <children>
+ <VBox prefHeight="1080.0" prefWidth="1920.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+ <children>
+ <HBox alignment="CENTER" minHeight="100.0" prefHeight="100.0" prefWidth="200.0" spacing="20.0" style="-fx-background-color: #0c0c0c;">
+ <children>
+ <ImageView fx:id="tbar_logo" fitHeight="69.0" fitWidth="153.0" pickOnBounds="true" preserveRatio="true">
+ <image>
+ <Image url="@../../Images/PlaceholderLogo.png" />
+ </image>
+ </ImageView>
+ <Pane prefHeight="100.0" prefWidth="343.0" />
+ <TextField fx:id="tbar_search" onAction="#switchToSearch" prefHeight="25.0" prefWidth="358.0" promptText="Search: Tags, Albums, Metadata, etc..." />
+ <Button fx:id="tbar_searchButton" mnemonicParsing="false" onAction="#switchToSearch" text="SEARCH" />
+ <Button fx:id="tbar_explore" mnemonicParsing="false" onAction="#switchToExplore" text="EXPLORE" />
+ <Button fx:id="tbar_map" mnemonicParsing="false" onAction="#switchToMap" text="MAP" />
+ <Pane prefHeight="100.0" prefWidth="174.0" />
+ <Button fx:id="tbar_upload" mnemonicParsing="false" onAction="#switchToUpload" prefHeight="25.0" prefWidth="114.0" text="UPLOAD" />
+ </children>
+ </HBox>
+ <HBox alignment="CENTER" prefHeight="982.0" prefWidth="1920.0">
+ <children>
+ <Pane prefHeight="981.0" prefWidth="1082.0" style="-fx-background-color: #777777;">
+ <children>
+ <ImageView fx:id="picture" fitHeight="567.0" fitWidth="1039.0" layoutX="36.0" layoutY="144.0" onMouseClicked="#openPopUpPicture" pickOnBounds="true" preserveRatio="true">
+ <image>
+ <Image url="@../../Images/placeholder-1920x1080.png" /> <!-- This is the URL to the image in question, needs to change in accordance with the current uploaded picture-->
+ </image>
+ </ImageView>
+ <Text fx:id="picture_tagsField" layoutX="36.0" layoutY="731.0" strokeType="OUTSIDE" strokeWidth="0.0" text="#tags">
+ <font>
+ <Font size="18.0" />
+ </font>
+ </Text>
+ <Text fx:id="picture_title_field" layoutX="36.0" layoutY="135.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Picturetitle">
+ <font>
+ <Font name="System Bold Italic" size="36.0" />
+ </font>
+ </Text>
+ <Text layoutX="36.0" layoutY="773.0" strokeType="OUTSIDE" strokeWidth="0.0" text="DESCRIPTION:" wrappingWidth="164.24609375">
+ <font>
+ <Font name="System Bold" size="24.0" />
+ </font>
+ </Text>
+ <Text fx:id="desc_textField" layoutX="36.0" layoutY="794.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." wrappingWidth="1008.0">
+ <font>
+ <Font size="14.0" />
+ </font>
+ </Text>
+ </children>
+ </Pane>
+ <Pane prefHeight="981.0" prefWidth="842.0" style="-fx-background-color: #999999;">
+ <children>
+ <Text layoutX="76.0" layoutY="126.0" strokeType="OUTSIDE" strokeWidth="0.0" text="PICTURE METADATA:">
+ <font>
+ <Font name="System Bold" size="24.0" />
+ </font>
+ </Text>
+ <Pane fx:id="metadata_pane" layoutX="76.0" layoutY="132.0" prefHeight="740.0" prefWidth="700.0" style="-fx-background-color: #ffffff;" />
+ </children>
+ </Pane>
+ </children>
+ </HBox>
+ </children>
+ </VBox>
+ </children>
+</AnchorPane>