diff --git a/index.php b/index.php index 2838d79..dffe3e4 100644 --- a/index.php +++ b/index.php @@ -1,12 +1,16 @@ $1', preg_replace('/_\(([^)]+)\)/', '$1', htmlentities($text))); } + + function markdownify($text) { + $formatted = str_replace("\n", "\n\n", $text); + + return Markdown($formatted); + } + ?> @@ -434,26 +445,16 @@ function format_for_web($text) {
-{$matches[1]}\n"; - else if (preg_match('/^#### (.*)/', $paragraph, $matches)) - echo "

{$matches[1]}

\n"; - else if (preg_match('/^### (.*)/', $paragraph, $matches)) - echo "

{$matches[1]}

\n"; - else if (preg_match('/^## (.*)/', $paragraph, $matches)) - echo "

{$matches[1]}

\n"; - else if (preg_match('/^# (.*)/', $paragraph, $matches)) - echo "

{$matches[1]}

\n"; - else - echo "

$paragraph

\n"; - } -?> +
+ Basic + Intermediate + Advanced +
+ +
+
+
+ Hide
diff --git a/parameters.yaml b/parameters.yaml index 5453c85..fc9b02d 100644 --- a/parameters.yaml +++ b/parameters.yaml @@ -31,8 +31,72 @@ initial_help: > We are continually working to improve the model and the interface. If you have suggestions, you can contact as at [email]. +basic_help: > + ## WebDICE Documentation [Small Version] + + This block of text is primarily to explain the rationale behind all + the various parameters in WebDICE as well as explain more about the + internal processes of the model. + + Here is the quadratic formula: + +

$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

+ + + And here is the equation for the identity matrix: + +

$$I_{x,y} = \delta_{xy}$$

+ + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex + ea commodo consequat. Duis aute irure dolor in reprehenderit in + voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. + + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit + anim id est laborum. + +intermediate_help: > + ## WebDICE Documentation [Medium Version] + + This block of text is primarily to explain the rationale behind all + the various parameters in WebDICE as well as explain more about the + internal processes of the model. + + Here is the quadratic formula: + +

$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

+ + + And here is the equation for the identity matrix: + +

$$I_{x,y} = \delta_{xy}$$

+ + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex + ea commodo consequat. Duis aute irure dolor in reprehenderit in + voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. + + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit + anim id est laborum. + advanced_help: > - ## WebDICE Documentation + ## WebDICE Documentation [Large Version] This block of text is primarily to explain the rationale behind all the various parameters in WebDICE as well as explain more about the @@ -40,33 +104,12 @@ advanced_help: > Here is the quadratic formula: - \[ - x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} - \] - - And here is the equation for the identity matrix: $$I_{x,y} = \delta_{xy}$$ - - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - - # A Tower of Many Headings - - Some text. - - ## A Tower of Many Headings - - Some text. - - ### A Tower of Many Headings - - Some text. - - #### A Tower of Many Headings - - Some text. +

$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

+ - ##### A Tower of Many Headings + And here is the equation for the identity matrix: - Some text. +

$$I_{x,y} = \delta_{xy}$$

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim diff --git a/styles.css b/styles.css index 6cafe17..4f9bdc0 100644 --- a/styles.css +++ b/styles.css @@ -65,11 +65,10 @@ #graph-controls label{padding:0.5em 1em;font-size:0.9em;} #graph-controls div.short{width:7.5em;} #graph-controls .short input,#graph-controls .short select{width:7.5em;} - #overlay{opacity:0;display:none;} #overlay .slug{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;} #overlay .slug{opacity:0.5;z-index:1000;} -#overlay .article{padding:1em 3em;width:40em;margin:0 auto;position:absolute;overflow:auto;} +#overlay .article{padding:3em;width:40em;margin:0 auto;position:absolute;overflow:auto;} #overlay .article{top:200px;left:0;right:0;bottom:0;border-left:1px solid #999;border-right:1px solid #999;} #overlay .article{background-color:#fff;font:0.9em/1.7em Helvetica,sans-serif;z-index:2000;} #overlay .article h1{font:1.5em/2.5em Helvetica,sans-serif;} @@ -78,7 +77,9 @@ #overlay .article h4{font:bold 0.9em/2.5em Helvetica,sans-serif;color:#333;} #overlay .article h5{font:bold 0.8em/2.5em Helvetica,sans-serif;color:#333;} #overlay .article p{margin-bottom:1em;} -#hide-help{position:absolute;top:1em;right:1em;color:#222;font:0.9em Helvetica,sans-serif;} +#overlay .tabs{background-color:#eee;margin-left:1px;} +#overlay .tabs .selected{background-color:#fff;} +#hide-help{position:absolute;top:0.5em;right:1.5em;color:#222;font:0.9em Helvetica,sans-serif;} #MathJax_Message{display:none !important;} .tabs{height:2.4em;font:0.8em/1em Helvetica,sans-serif;position:absolute;top:0;left:0;right:0;}