Adding visual clues

Ambg05 · Apr 9, 2018 · f3047e4 · f3047e4
1 parent 3875141
commit f3047e4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 33 deletions.
diff --git 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
diff --git 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>
+</table>
diff --git 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
@@ -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;