final

home/Msc.html

@@ -50,13 +50,33 @@ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;">
         <li> graphs</li>
         <li> mind-mapping</li>
     </ul>
-    <!-- <b style="color:orange"> File Systems: </b>
+    <b style="color:orange"> File Systems: </b>
     <p>
         These give individuals more control over their personal data by restricting what information is available
         through different levels of privacy. For example, an organised file system allows a user to be able to find their
-        favourite online bookmark through the files they have personally set up; compare:
-        <br>
-    </p> -->
+        favourite online bookmark through the files they have personally set up; imagine ordered bookmarks instead of vague labels as placeholders.
+    </p>
+
+    <b style="color:orange"> Tagging: </b>
+    <p> 
+        Tagging is the procedure of associating a group of tags with a particular document to make searching easier;
+        where one person might prefer arranging their documents in alphabetical order, another might prefer to do so 
+        within various folders, which can make it inconvinient for unfamiliar users to be able to retrieve information 
+        efficiently. 
+    </p>
+
+    <b style="color:orange"> Graphs: </b>
+    <p> 
+        This refers more specifically to the practice of using inforamtion visualisation; for example, the different graphics of a file and folder on your desktop.
+    </p>
+
+    <b style="color:orange"> Mind-Mapping: </b>
+    <p> 
+        These providea clarification of concepts, making information a tool to be used, not something the users are controlled by as these allow for users to manage information through grouping of concepts; 
+        having a structered "shelf" of sorts to be able to continuously add information without restructuring the existing information.
+    </p>
+    
+    
 
     <p> But all these solutions have so far lacked the ability to: </p>
     <ul style="
@@ -91,7 +111,7 @@ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;">
 </style>
 
 <div class="conclusion">
-    <p>The website was created by first year students</p>
+    <p>The website was created by first year <a href="#" style="text-decoration: none; color:inherit"></a> students</p>
 </div>
 
 

home/Phd.html

@@ -49,28 +49,28 @@
 <div class="slideshow-container">
     <!-- Full-width slides/quotes -->
     <div class="mySlides">
-        <h2>1. Discovery and ingestion</h2>
-        <p>decide what information to include (files, directories, photos, emails…)</p>
+        <h2>1. Discovery & ingestion</h2>
+        <p>Making decisions on information to include: files, directories, photos, emails, etc. </p>
     </div>
 
     <div class="mySlides">
         <h2>2. Organisation & classification</h2>
-        <p>analyse, label and cluster information with algorithms and user input</p>
+        <p>Use algorithms and user input to analyse, label and cluster information</p>
     </div>
 
     <div class="mySlides">
         <h2>3. Views & perspectives</h2>
-        <p>generate appropriate perspectives and visualisations for the elaborated data</p>
+        <p>Generate appropriate perspectives and visualisations for the elaborated data</p>
     </div>
 
     <div class="mySlides">
         <h2>4. Browsing</h2>
-        <p>front-end to the generated perspectives</p>
+        <p>Front-end to the generated perspectives</p>
     </div>
 
     <div class="mySlides">
-        <h2>5. Lifecycle management</h2>
-        <p>human-in-the loop - the user can give suggestion and improve the classification algorithms, the perspectives
+        <h2>5. Life-cycle management</h2>
+        <p>Human-in-the loop - the user can give suggestions and improve the classification algorithms, the perspectives
             used, and the way they are presented</p>
     </div>
 

home/css/homestyles.css

@@ -205,7 +205,7 @@ nav:after {
     height: 100px;
     width: 30%;
     float: left;
-    background-color: white;
+    background-color: none;
     position: relative;
     overflow: hidden;
 }
@@ -213,17 +213,34 @@ nav:after {
 .my-projects .project1 {
     margin-left: 2%;
     margin-right: 1.5%;
+    
+    background-image: url(../img/bscHome0.png);
+    background-size: 100% 100%;
 }
 
 
 .my-projects .project2 {
     margin-left: 1%;
     margin-right: 1%;
+    background-image: url(../img/mscHome.png);
+    background-size: auto 100%;
 }
 
 .my-projects .project3 {
     margin-left: 1.5%;
     margin-right: 2%;
+    background-image: url(../img/phdHome.png);
+    background-position: center;
+    background-size: auto 100%;
+    background-repeat: no-repeat;
+    
+    
+}
+
+@media only screen and (max-width: 1000px) {
+    .project3 {
+        background-size: 100px;
+    }
 }
 
 .my-projects .overlay {

home/index.html

@@ -63,9 +63,12 @@
     </div>
 
     <div class="my-projects">
-        <div class="project1">
+        <div class="project1"> 
+            
+            <!-- <img src="img/bscHome.png"> -->
             <div class="overlay">
                 <a href="Bsc.html">Find out more</a>
+                <!--img src="img/bscHome.png"> -->
             </div>
         </div>
         <div class="project2">