Med hub: Difference between revisions

VisualWikitext

Latest revision as of 18:40, 29 May 2018

Beth Israel Deaconess Medical Center

Home

Announcements

Grand rounds

Journal Club

Schedule

Resources

Events

Fellowship Placements

Morning Report

Case Reports

M & M

Article of the Week

Announcements:

Overview

BIDMC is the official hospital of the Red Sox. It is located in Boston, MA.

NEJM

Tweets by NEJM

JAMA

Tweets by JAMA_current

Resources

Curriculum

Cardiology

Endocrinology

Pulmonology

Rheumatology

Oncology

Nephrology

Hematology

Infectious Disease

Gastroenterology

Events

Events

Previous Events

Upcoming Events

Experimentation

Resources Cardiology Endocrinology Pulmonology Rheumatology Nephrology ID Heme/Onc GI

Experiment2

Resources Hematology Lorem Lorem Lorem Lorem Lorem Lorem Lorem

1

Tweets by NEJM!

Tweets by NEJM

Tweets by JAMA!

Tweets by JAMA_current

2

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn {

   background-color: #4CAF50;
   color: white;
   padding: 16px;
   font-size: 16px;
   border: none;

}

.dropdown {

   position: relative;
   display: inline-block;

}

.dropdown-content {

   display: none;
   position: absolute;
   background-color: #f1f1f1;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;

}

.dropdown-content a {

   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;

}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {

   display: block;

}

.dropdown:hover .dropbtn {

   background-color: #3e8e41;

} </style> </head> <body>

Hoverable Dropdown

Move the mouse over the button to open the dropdown menu.

 <button class="dropbtn">Dropdown</button>

   <a href="#">Link 1</a>
   <a href="#">Link 2</a>
   <a href="#">Link 3</a>

</body> </html>

Nate Test

Curriculum Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem

A Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem

B Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem

@@ Line 3: / Line 3: @@
 __NOEDITSECTION____NOTOC__
 <div style="text-align: center;">
+<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #CEDFF2; border: 2px solid #a3b0bf; border-bottom: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub|Home]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #CEDFF2; border: 2px solid #a3b0bf; border-bottom: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub announcements|Announcements]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub grand rounds|Grand rounds]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub journal club|Journal Club]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub schedule|Schedule]]&nbsp;&nbsp;&nbsp;</div>
-</div>
+<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub resources|Resources]]&nbsp;&nbsp;&nbsp;</div>
-<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub#Resources|Resources]]&nbsp;&nbsp;&nbsp;</div>
+<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub events|Events]]&nbsp;&nbsp;&nbsp;</div>
-<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub events|Upcoming Events]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub fellowship placements|Fellowship Placements]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub morning report|Morning Report]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub case reports|Case Reports]]&nbsp;&nbsp;&nbsp;</div>
-<div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub morning report|Morning Report]]&nbsp;&nbsp;&nbsp;</div>
-</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub morbidity and mortality|M & M]]&nbsp;&nbsp;&nbsp;</div>
 <div style="float: left; padding: .5ex 0; font-weight: bold; background-color: #DFE0E1; border: 2px solid #999; border-bottom: 0; border-left: 0; font-size: 90%">&nbsp;&nbsp;&nbsp;[[Med hub article of the week|Article of the Week]]&nbsp;&nbsp;&nbsp;</div>
 <div style="clear:both; width: 95%; border: 3px solid #999; padding: 1em 1em; font-size: 120%;">
-{{collapse top|title=Mission Statement}}
+Announcements:
-Sample contents text
-{{collapse bottom}}
 </div>
@@ Line 27: / Line 23: @@
 ==Overview==
 *BIDMC is the official hospital of the Red Sox. It is located in Boston, MA.[[File:Residency1.png|200px|right]] <br style="clear:right" />
+<div class="nomobile">
+<div style="position:right; width:25%; float:left; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''NEJM'''<hr>{{#Widget:NEJM}}</center>
+</span></div>
+</div>
+<div class="nomobile">
+<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''JAMA'''<hr>{{#Widget:JAMA}}</center>
+</span></div>
+</div>
+<br style="clear:both" />
 ==Resources==
@@ Line 73: / Line 79: @@
 ==Experimentation==
-{| class="wikitable mw-collapsible mw-collapsed" role="presentation"
+{{Drop down list|Name=Resources|Value1=[[Cardiology]]|Value2=[[Endocrinology]]|Value3=[[Pulmonology]]|Value4=[[Rheumatology]]|Value5=[[Nephrology]]|Value6=[[Infectious disease|ID]]|Value7=[[Hematology|Heme/Onc]]|Value8=[[Gastroenterology|GI]]|}}
- | title = [[European Free Trade Association]] members
- | [[Iceland]]
+==Experiment2==
- | [[Liechtenstein]]
+<div class="metadata" style="z-index: 100;" id="Drop-down-list3">
- | [[Norway]]
+{| cellspacing="0" style="border-collapse: collapse; width: 75px; font-size: 0.9em; border: 0.5px solid black; background-color: white; margin: -.2em 0 0 0;"
- | [[Switzerland]]
+|-
-|}
+! colspan="2" style="border-bottom: 0.5px solid black; background-color: #DFE0E1; text-align: left; padding-left: .7em;" |<div class="mw-customtoggle-x1">
+{{{Name|Resources}}} &nbsp; [[File:MediaWiki Vector skin action arrow.png|link=]]
+</div>
+<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-x1" style="padding:0px; border:0px;">
+<div class="mw-collapsible-content" style="text-align:left;">
+{{{Value1|Hematology}}}<br>
+{{{Value2|Lorem}}}<br>
+{{{Value3|Lorem}}}<br>
+{{{Value4|Lorem}}}<br>
+{{{Value5|Lorem}}}<br>
+{{{Value6|Lorem}}}<br>
+{{{Value7|Lorem}}}<br>
+{{{Value8|Lorem}}}<br>
+</div></div>
+|}</div>
+===1===
+<div class="nomobile">
+<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''Tweets by NEJM!'''<hr>{{#Widget:NEJM}}</center>
+</span></div>
+</div>
+<br style="clear:right" />
+<div class="nomobile">
+<div style="position:right; width:25%; float:right; background-color:#d0d0d0; border-radius: 10px;"><span style="position:right; float:right; width: 100%;"><center>'''Tweets by JAMA!'''<hr>{{#Widget:JAMA}}</center>
+</span></div>
+</div>
+<br style="clear:right" />
+===2===
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+.dropbtn {
+    background-color: #4CAF50;
+    color: white;
+    padding: 16px;
+    font-size: 16px;
+    border: none;
+}
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f1f1f1;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+.dropdown-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+.dropdown-content a:hover {background-color: #ddd}
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+.dropdown:hover .dropbtn {
+    background-color: #3e8e41;
+}
+</style>
+</head>
+<body>
+<h2>Hoverable Dropdown</h2>
+<p>Move the mouse over the button to open the dropdown menu.</p>
+<div class="dropdown">
+  <button class="dropbtn">Dropdown</button>
+  <div class="dropdown-content">
+    <a href="#">Link 1</a>
+    <a href="#">Link 2</a>
+    <a href="#">Link 3</a>
+  </div>
+</div>
+</body>
+</html>
+==Nate Test==
+<includeonly><div class="metadata" style="z-index: 100;" id="Drop-down-list2">
+{| cellspacing="0" style="border-collapse: collapse; width: 75px; font-size: 0.9em; border: 0.5px solid black; background-color: white; margin: -.2em 0 0 0;"
+|-
+! colspan="2" style="border-bottom: 0.5px solid black; background-color: white; text-align: left; padding-left: .7em;" |<div class="mw-customtoggle-{{{id|desks}}}">
+{{{Name|Curriculum}}}
+</div>
+<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-{{{id|desks}}}" style="padding:0px; border:0px;">
+<div class="mw-collapsible-content" style="text-align:left;">
+{{{Value1|A}}}<br>
+{{{Value2|B}}}<br>
+{{{Value3|C}}}<br>
+{{{Value4|D}}}<br>
+{{{Value5|E}}}<br>
+{{{Value6|F}}}<br>
+{{{Value7|G}}}<br>
+{{{Value8|H}}}<br>
+</div></div>
+|}</div></includeonly>
+{{Drop down list|Name=Curriculum|id=abc}}{{Drop down list|Name=A|id=def}}{{Drop down list|Name=B|id=ghi}}

Med hub: Difference between revisions

Latest revision as of 18:40, 29 May 2018

Beth Israel Deaconess Medical Center

Overview

Resources

Events

Experimentation

Experiment2

1

2

Hoverable Dropdown

Nate Test

Navigation menu