From f3047e46a754ce25c4c9894fcd5edd492320f842 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20Zipitr=C3=ADa?= <felipe.zipitria@owasp.org>
Date: Sun, 8 Apr 2018 22:46:01 -0300
Subject: [PATCH] Adding visual clues

---
 .../participant/Photobox/felipe-zipitria.md   |  3 ++-
 content/participant/Photobox/tim-redding .md  | 24 -------------------
 layouts/partials/session/metadata.html        |  4 +++-
 layouts/partials/widgets/clues.html           |  2 +-
 static/css/custom.css                         | 14 ++++++-----
 5 files changed, 14 insertions(+), 33 deletions(-)
 delete mode 100644 content/participant/Photobox/tim-redding .md

diff --git a/content/participant/Photobox/felipe-zipitria.md b/content/participant/Photobox/felipe-zipitria.md
index 3d8b539e3..added01d4 100644
--- a/content/participant/Photobox/felipe-zipitria.md
+++ b/content/participant/Photobox/felipe-zipitria.md
@@ -16,8 +16,9 @@ regonline       :
 pre-summit      :
 status          : add details
 sessions:
+  - DevSecOps
+  - Integrating Security Tools in the SDL
 notes :
-# add a comma delimited list of the Working Sessions you would like to attend in the meta above (use the session's title) e.g. sessions: Security Playbooks Diagrams, Hackathon Daily Sessions
 
 ---
 Felipe is a Msc. in Computer Security from University of the Republic (Uruguay). He has been working as a DevOps / System Administrator for 20 years, and as a Security Consultant for 10+ years. He has been teaching Computer Security Fundamentals to pregraduate students and Web Application Security for postgraduates at the local public University.
diff --git a/content/participant/Photobox/tim-redding .md b/content/participant/Photobox/tim-redding .md
deleted file mode 100644
index b4e99af3a..000000000
--- a/content/participant/Photobox/tim-redding .md	
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title           : Tim Redding
-type            : participant
-job_title       :
-company         : Photobox GS
-travel-from     :
-image           :
-linkedin        :
-twitter         :
-facebook        :
-website         :
-email           :
-project_leader  :
-chapter_leader  :
-regonline       :
-pre-summit      :
-status          : add details
-sessions:
-notes :
-# add a comma delimited list of the Working Sessions you would like to attend in the meta above (use the session's title) e.g. sessions: Security Playbooks Diagrams, Hackathon Daily Sessions
-
----
-
-<!-- put more details about participant here -->
diff --git a/layouts/partials/session/metadata.html b/layouts/partials/session/metadata.html
index d42716ab9..8ae864960 100644
--- a/layouts/partials/session/metadata.html
+++ b/layouts/partials/session/metadata.html
@@ -1,3 +1,5 @@
+{{ partial "widgets/clues.html" . }}
+
 <table class="table">
     <tr>
         <th>Track:</th>
@@ -14,4 +16,4 @@
         <td>
             {{ partial "session/participants-as-links.html" . }}
     </tr>
-</table>
\ No newline at end of file
+</table>
diff --git a/layouts/partials/widgets/clues.html b/layouts/partials/widgets/clues.html
index 887c55859..a424fa81d 100644
--- a/layouts/partials/widgets/clues.html
+++ b/layouts/partials/widgets/clues.html
@@ -1,4 +1,4 @@
-<div id="clues">
+<div class="clues">
  <ul class="visual-clues">
    {{ if eq .Params.type "user-session" }}
    <li><a href=""><i class="fa fa-user-circle"></i> session </a></li>
diff --git a/static/css/custom.css b/static/css/custom.css
index 637fd736c..1becc7631 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -654,15 +654,17 @@ ul.list-style-none li a.green {
 }
 
 // Visual clues for sessions
-#clues ul.visual-clues {
+.clues {
+  padding: 0;
+}
+.clues ul.visual-clues {
   list-style: none;
-  padding-left: 0px;
-  padding-inline-start: 0px;
+  margin-left: -40px;
 }
-#clues ul.visual-clues li {
+.clues ul.visual-clues li {
   display: inline-block;
 }
-#clues ul.visual-clues li a {
+.clues ul.visual-clues li a {
   display: inline-block;
   padding: 5px;
   border: solid 1px #eeeeee;
@@ -674,7 +676,7 @@ ul.list-style-none li a.green {
   font-weight: 700;
   font-size: 12px;
 }
-#clues ul.visual-clues li a:hover {
+.clues ul.visual-clues li a:hover {
   color: #38a7bb;
   text-decoration: none;
   border-color: #38a7bb;