Difference between revisions of "Team:William and Mary/Outreach DB/Details"

 
(42 intermediate revisions by 3 users not shown)
Line 14: Line 14:
 
   <script src='https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/tabletop?action=raw&ctype=text/javascript'></script>
 
   <script src='https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/tabletop?action=raw&ctype=text/javascript'></script>
 
   <script src="https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/alasql?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/alasql?action=raw&ctype=text/javascript"></script>
 +
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <script src='outreach_db.js' type='text/javascript'></script>
 
   <script src='outreach_db.js' type='text/javascript'></script>
Line 19: Line 20:
 
     <div class='search-result'>
 
     <div class='search-result'>
 
<div style='padding-top: 80px;'></div>
 
<div style='padding-top: 80px;'></div>
       <center><div class='project-title' style='font-size: 50px;'>{{[Outreach Project]}}</div></center>
+
       <center><div class='project-title' style='font-size: 40px;line-height: 50px;'>{{[Outreach Project]}}</div></center>
 
<div style='padding-top: 20px;'></div>
 
<div style='padding-top: 20px;'></div>
      <center><div style='padding-top: 0px;font-size: 16px;'>
+
 
         {{{[Product Description]}}}
+
 
 +
<!----Product Description---->
 +
 
 +
 
 +
<center><div style='padding-top: 0px;font-size: 16px;'>
 +
         {{{[Description]}}}
 
       </div></center>
 
       </div></center>
 +
 +
 +
 +
<!----Name and category ----->
 +
 
<div style='padding-top: 40px;'></div>
 
<div style='padding-top: 40px;'></div>
 
       <center><i class="fa fa-circle" aria-hidden="true" style='font-size: 5px;padding-bottom: 2px;'></i><a class='school-info' href='{{[Wiki hyperlink]}}' style='font-size: 18px;padding-left: 30px;padding-right: 30px;padding-top: 10px;'>{{[School]}} {{[Year]}}</a><i class="fa fa-circle" aria-hidden="true"  style='font-size: 5px; padding-bottom: 2px;'></i>
 
       <center><i class="fa fa-circle" aria-hidden="true" style='font-size: 5px;padding-bottom: 2px;'></i><a class='school-info' href='{{[Wiki hyperlink]}}' style='font-size: 18px;padding-left: 30px;padding-right: 30px;padding-top: 10px;'>{{[School]}} {{[Year]}}</a><i class="fa fa-circle" aria-hidden="true"  style='font-size: 5px; padding-bottom: 2px;'></i>
  
 
       <span class='outreach-category'  style='font-size: 18px;padding-left: 30px;padding-right: 30px;' >{{[Outreach Category]}}</span><i class="fa fa-circle" aria-hidden="true"  style='font-size: 5px;'></i></center>
 
       <span class='outreach-category'  style='font-size: 18px;padding-left: 30px;padding-right: 30px;' >{{[Outreach Category]}}</span><i class="fa fa-circle" aria-hidden="true"  style='font-size: 5px;'></i></center>
<div style='padding-top: 40px;padding-bottom: 2px;'></div>
+
<div style='padding-top: 20px;padding-bottom: 2px;'></div>
  
  
Line 35: Line 46:
  
  
<!------Colored box----->
+
<!------Colored box 1----->
<div style="background-color:#DBDBDB; text-align:left; vertical-align: middle; padding:10px 30px; margin: 30px; column-width: 30%;font-size: 14px;">
+
<div style="background-color:#DBDBDB; text-align:left; vertical-align: middle; padding:10px 30px; margin: 30px; column-width: 400px;font-size: 16px;">
<div>ID:{{[id]}}</div>
+
<div><b>ID: </b>{{id}}</div>
<div>Section:{{[Section]}}</div>
+
<div><b>Section: </b>{{[Section]}}</div>
  
  
<div>Category:{{[Outreach Category]}}</div>
+
<div><b>Audience: </b>{{[Audience]}}</div>
<div>Project Tag:{{[Project Tag]}}</div>
+
<div><b>Project Tag: </b>{{[Project Tag]}}</div>
  
<div>Audience:{{[Audience]}}</div>
+
{{#if [Award]}}<div><b>Award: </b>{{[Award]}}</div>{{/if}}
<div>Award:{{[Award]}}</div>
+
  
<div>Product:{{[Product]}}</div>
+
{{#if [Product]}}
<div>Product Tag:{{[Product Tag]}}</div>
+
<div><b>Product: </b>{{{[Product]}}}</div>
 +
<div><b>Product Tag: </b>{{[Product Tag]}}</div>
  
<div style='column-width: 600px;'>Product Description:{{[Product Tag]}}</div>
+
<div style='column-width: 600px;'><b>Product Description: </b>{{[Product Tag]}}</div>
 +
{{/if}}
  
  
Line 59: Line 71:
  
  
 +
<!-----2nd colored box------>
  
 +
 +
<div style="background-color:#DBDBDB; text-align:left; padding:10px 30px; margin: 40px; font-size: 16px;width: 40%; float: left;">
 +
<div><b>Goal: </b>{{[Goal]}}</div>
 +
<div><b>Objectives: </b>{{{[Objectives]}}}</div>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<!-----3rd colored box------>
 +
<div style="background-color:#DBDBDB; text-align:left; padding:10px 30px; margin: 40px; font-size: 16px;width: 40%;float: right;">
 +
{{#if [Data Type]}}
 +
<div><b>Data Type: </b>{{[Data Type]}}</div>
 +
<div><b>Data: </b>{{[Data]}}</div>
 +
{{/if}}
 +
{{#if [Reach]}}<div><b>Reach: </b>{{[Reach]}}</div>{{/if}}
 +
{{#if [Analysis]}}<div><b>Analysis: </b>{{[Analysis]}}</div>{{/if}}
 +
 +
 +
 +
</div>
 +
 +
<!----end of text---->
  
 
       {{#each this}}
 
       {{#each this}}
         <h2>{{@key}}:</h2>
+
         <h2>{{@ke}}</h2>
  
 
         <div>
 
         <div>
           {{{this}}}
+
           {{{ths}}}
 
         </div>
 
         </div>
 
       {{/each}}
 
       {{/each}}
 
     </div>
 
     </div>
  </script>
+
 
 +
 
 +
 
 +
</script>
 
</head>
 
</head>
 +
 +
 +
 
<body>
 
<body>
 
   <div class = 'container'>
 
   <div class = 'container'>
Line 91: Line 136:
 
       $('#show-details').html(datastring);
 
       $('#show-details').html(datastring);
 
       obj = JSON.parse(datastring);
 
       obj = JSON.parse(datastring);
       console.log(obj)
+
      var padInt5 = function ( i ){
       show_details(obj)
+
          return i.toString().padStart(5, '0');
 +
      };
 +
      obj.id = padInt5(obj.id);
 +
       console.log(obj);
 +
       show_details(obj);
 
     }
 
     }
 
   )
 
   )
Line 98: Line 147:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
{{Team:William_and_Mary/FOOTER_SMALL}}

Latest revision as of 02:47, 2 November 2017