Skip to content
Permalink
Browse files
Testing Embedding docs as a Iframe
  • Loading branch information
@aa9863
aa9863 committed Jul 8, 2020
1 parent 866df25 commit 49a43c854f130bee186e53961844a2b624f6b425
Show file tree
Hide file tree
Showing 3 changed files with 340 additions and 0 deletions.
330 docs/examples/CourseworkBrief.html
View file
@@ -0,0 +1,330 @@
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

<link rel="stylesheet" href="coursework.css">
<link rel="stylesheet" href="code.css">

<!-- Mathjax -->

<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML-full"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [["$", "$"], ["\\\\(", "\\\\)"]],
displayMath: [["$$", "$$"], ["\\[", "\\]"]],
processEscapes: true
},
config: ["MMLorHTML.js"],
jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
extensions: ["MathMenu.js", "MathZoom.js"]
});
</script>

<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css" crossorigin="anonymous"> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/katex/dist/contrib/mathtex-script-type.min.js" defer></script> -->



<title>Coursework Template</title>
</head>

<body>

<div class="container-lg">
<div class="row header-text">
<!-- This row is for the Header-->
<div class="col-12">
This document is for Coventry University students for
their own use in completing their assessed work for
this module and should not be passed to third parties
or posted on any website. Any infringements of this
rule should be reported to
facultyregistry.eec@coventry.ac.uk.
</div>
</div>
</div>

<!-- The Main Container. container-lg is responsive, with large screen (960px) width-->
<div class="container-lg mainbody">

<div class="row align-items-center">
<!-- Use Order Classes to shuffle things around on mobile-->
<!-- Its a bit counter intruative, so we layout (Mobile First), then order for our usual display-->
<div class="col-md-4 order-md-12">
<img src="culogo.png" alt="Cov Uni Logo">
</div>
<div class="col-md-8 order-md-1">
<h1>Faculty of engineering, Environment and Computing</h1>
</div>
</div>


<div class="row">
<div class="col-md-12">
<h3>Module: NCC-1701 Markdown Marking</h3>
<h5>Assignment Brief</h5>
</div>
</div>

<!-- Fuck Tables: Lets use the Grid System-->
<div class="faketable">
<div class="row mt-4">
<div class="col-md-4 border">
<h6>Module Title:</h6>
<span> Markdown Marking </span>
</div>
<div class="col-md-2 border">
<h6>Group / Indivudual</h6>

<span> Individual </span>

</div>
<div class="col-md-2 border">
<h6>Cohort</h6>
<span> Sept </span>
</div>
<div class="col-md-4 border">
<h6>Module Code</h6>
<span> NCC-1701 </span>
</div>
</div>

<div class="row">
<div class="col-md-8 border">
<h6>Coursework Title</h6>
<span> An Example Coursework Brief </span>
</div>
<div class="col-md-4 border">
<h6>Handout Date</h6>
<span> 1st Week </span>
</div>
</div>

<div class="row">
<div class="col-md-8 border">
<h6>Lecturer</h6>
<span> Dan Goldsmith </span>
</div>
<div class="col-md-4 border">
<h6>Due Date and Time</h6>
<span> last Week </span>
</div>
</div>

<div class="row">
<div class="col-md-4 border">
<h6>Estimated Time (hrs)</h6>
<span> 20 Hours </span>
</div>
<div class="col-md-4 border">
<h6>Coursework Type</h6>
<span> Report </span>
</div>
<div class="col-md-4 border">
<h6>% of Module Mark</h6>
<span> 50% </span>
</div>
</div>


<div class="row">
<!-- Submission Arrangements-->
<div class="col-md-12 border">
<h5>Submission Arrangements</h5>
<p>Via: Moodle </p>
<p>Marks release expected: 20-May </p>
<p>Feedback Method: Feedback Via Moodle, or whatever abominiation Aula comes up with</p>
</div>
</div>
</div>


<div class="row">
<!-- Learning Outcomes-->
<div class="col-md-12">
<h1>Module Learning Outcomes Assessed</h1>
<ol>
<li>Writing documents in something other than word</li>
<li>Responsive, Mobile First output</li>
<li>Including Code and Maths</li>
</ol>
</div>
</div>

<div class="row mt-3 newpage">
<!-- Body of Cousework-->
<div class="col-md-12">
<h1>Task and Mark Distribution</h1>
<p>This is an example of how we can write coursework, using consistant templates
without entering the horrors of nested tables in Word.</p>
<p>Weirdly, HTML turns out to be pretty good at this sort of stuff. I
mean its not like we have been using it for format layout for the last
20 years.</p>
<p>Now I know you like your word (or Excel) based marking sheets, but
they are a pain to use:</p>
<ul>
<li>Simple things like using tables, are impossible to do in a sane way
with the word nested table approach.</li>
<li>Depending on where we copy and paste from, the output formatting
can get Borked.</li>
<li>Using Excel, means we have that one tiny line to enter feedback
in. Heaven help you if you want line breaks, or to edit something
halfway through.</li>
</ul>
<p>Equally, HTML means that the forms are Responsive, Mobile First, and Web Scale....</p>
<h2>Sub Section</h2>
<p>We support a decent amount of formatting.</p>
<h3>The AULA Standard.</h3>
<ul>
<li>[x] <strong>Bold Text</strong></li>
<li>[x] <em>itallic</em> <em>italic</em></li>
<li>[ ] Underline, isn't by default.</li>
<li>[X] <a href="www.example.com">HyperLinks</a></li>
<li>[X] In line <code>codeExamples()</code></li>
</ul>
<h3>Moving Beyond that...</h3>
<p>Now stand back, for your own safety.......</p>
<ul>
<li>Bullet points</li>
<li>That are not Emojis<ul>
<li>And Can be Nested</li>
</ul>
</li>
</ul>
<p>Enuerations</p>
<ol>
<li>Enumerated List Item</li>
<li>Here is another one</li>
<li>And yet another one</li>
</ol>
<blockquote>
<p>Block Quotes:</p>
<p>A Markdown-formatted document should be publishable
as-is, as plain text, without looking like it’s been marked up with
tags or formatting instructions.</p>
</blockquote>
<h4>Tables</h4>
<table class="table">
<thead>
<tr>
<th>Grade</th>
<th>Fail (&lt;35%)</th>
<th>Near Miss (&lt;40%)</th>
<th>Pass (&lt;50%)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Report</td>
<td>X</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Rendering</td>
<td>Table Data</td>
<td>More Data</td>
<td>And More Data</td>
</tr>
</tbody>
</table>
<h4>Source code formatting in many languages</h4>
<div class="codehilite"><pre><span></span><code><span class="k">def</span> <span class="nf">helloWorld</span><span class="p">(</span><span class="n">name</span><span class="p">):</span>
<span class="nb">print</span> <span class="p">(</span><span class="s2">&quot;hello </span><span class="si">{0}</span><span class="s2">&quot;</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">name</span><span class="p">))</span>

<span class="k">if</span> <span class="vm">__name__</span> <span class="o">==</span> <span class="s2">&quot;__main__&quot;</span><span class="p">:</span>
<span class="n">helloWorld</span><span class="p">(</span><span class="s2">&quot;Dan&quot;</span><span class="p">)</span>
</code></pre></div>


<h4>Maths !!!</h4>
<p>Euler's formula is remarkable: <script type="math/tex">e^{i\pi} + 1 = 0</script>
</p>
<p>And other inline maths $y = mx+c$</p>
<p>Or More Maths</p>
<p>
<script type="math/tex; mode=display">\begin{equation} \label{eq:stokes}
\int_{\partial\Omega} \omega = \int_{\Omega} \mathrm{d}\omega \,.
\end{equation}</script>
</p>
<h2>Writing in Markdown</h2>
<p>Ok Markdown may not be to everyones taste, but if you cant write a
text file, you really should question some of your life decisions.</p>
<p>Also the markdown may not be your markdown. As far as I can make out
its <a href="https://daringfireball.net/projects/markdown/syntax#philosophy">John Grubers</a>
original markdown spec. But there are pugins</p>
</div>
</div>


<div class="row mt-3 newpage">
<!-- Boiler Plate Notes -->
<div class="col-md-12">
<h1>Notes:</h1>
<ol>
<li>You are expected to use the Coventry University Harvard Referencing Style. For support and
advice on this students can contact <a
href="http://www.coventry.ac.uk/study-at-coventry/student-support/academic-support/centre-for-academic-writing/?theme=main">Centre
for Academic Writing (CAW).</a></li>
<li>Please notify your registry course support team and module leader for disability support.</li>
<li>Any student requiring an extension or deferral should follow the university process as outlined
<a
href="https://share.coventry.ac.uk/students/Registry/Pages/Deferrals-and-Extension.aspx">here.</a>
</li>
<li>The University cannot take responsibility for any coursework lost or corrupted on disks, laptops
or personal computer. Students should therefore regularly back-up any work and are advised to
save it on the University system.</li>
<li>If there are technical or performance issues that prevent students submitting coursework through
the online coursework submission system on the day of a coursework deadline, an appropriate
extension to the coursework submission deadline will be agreed. This extension will normally be
24 hours or the next working day if the deadline falls on a Friday or over the weekend period.
This will be communicated via your Module Leader.</li>
<li>Collusion between students (where sections of your work are <u>similar to</u> the work submitted
by
other students in this or previous module cohorts) is taken extremely seriously and will be
reported to the academic conduct panel. This applies to both courseworks and exam answers.</li>
<li>A marked difference between your writing style, knowledge and skill level demonstrated in class
discussion, any test conditions and that demonstrated in a coursework assignment may result in
you having to undertake a Viva Voce in order to prove the coursework assignment is entirely your
own work.</li>
<li>If you make use of the services of a <u>proof reader</u> in your work you must keep your
original
version and make it available as a demonstration of your written efforts. </li>
<li>You must not submit work for assessment that you have already submitted (partially or in full),
either for your current course or for another qualification of this university, unless this is
specifically provided for in your assignment brief or specific course or module information.
Where earlier work by you is citable, ie. it has already been published/submitted, you must
reference it clearly. Identical pieces of work submitted concurrently will also <u>be considered to be</u> self-plagiarism.</li>
</ol>

</div>
</div>

</div>


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</body>

</html>
9 docs/examples/testing.md
View file
@@ -0,0 +1,9 @@
# Testing Example Page

## Embed Tag
<embed type="text/html" src="../CourseworkBrief.html" width="100%" height="1024px">


## Iframe
Interesting we need to link back a directory
<iframe src="../CourseworkBrief.html" title="Main" width="100%" height="200px"></iframe>
1 mkdocs.yml
View file
@@ -22,6 +22,7 @@ nav:
- User Guide:
- Installation: userguide/install.md
- Getting Started: userguide/tutorial.md
- Examples: examples/testing.md
- About:
- Why: about/why.md
- FAQ: about/FAQ.md

0 comments on commit 49a43c8

Please sign in to comment.