add missing media element

This commit is contained in:
Jonas Duri 2023-12-08 19:59:19 +01:00
parent 2923b48feb
commit d56965f4d7
6 changed files with 34 additions and 7 deletions

View File

@ -63,6 +63,8 @@
<hr />
{{ template "alerts.html" . }}
<hr />
{{ template "media.html" . }}
<hr />
{{ template "figure.html" . }}
<hr />
{{ template "highlight-js.html" . }}

View File

@ -37,6 +37,8 @@
<hr />
{{ template "alerts.html" . }}
<hr />
{{ template "media.html" . }}
<hr />
{{ template "figure.html" . }}
<hr />
{{ template "highlight-js.html" . }}

View File

@ -58,6 +58,8 @@
<hr />
{{ template "alerts.html" . }}
<hr />
{{ template "media.html" . }}
<hr />
{{ template "figure.html" . }}
<hr />
{{ template "highlight-js.html" . }}

View File

@ -45,6 +45,8 @@
<hr />
{{ template "alerts.html" . }}
<hr />
{{ template "media.html" . }}
<hr />
{{ template "figure.html" . }}
<hr />
{{ template "highlight-js.html" . }}

View File

@ -0,0 +1,19 @@
<h2 id="Media">Media</h2>
<div class="terminal-media">
<div class="terminal-media-left">
<div class="terminal-avatarholder"><img width="50" height="50" src="https://picsum.photos/50/50?random&mediaLeft" alt="Picsum"></div>
</div>
<div class="terminal-media-body">
<div class="terminal-media-heading">Media Left Element</div>
<div class="terminal-media-content">This is the media content</div>
</div>
</div>
<div class="terminal-media">
<div class="terminal-media-body">
<div class="terminal-media-heading">Media Right Element</div>
<div class="terminal-media-content">This is the media content</div>
</div>
<div class="terminal-media-right">
<div class="terminal-avatarholder"><img width="50" height="50" src="https://picsum.photos/50/50?random&mediaRight" alt="Picsum"></div>
</div>
</div>

View File

@ -2,15 +2,15 @@
<header><h2 id="NavigationList">Navigation Lists</h2></header>
<nav>
<ul>
<li><a href="#">Dashboard</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#NavigationList">Dashboard</a></li>
<li><a href="#NavigationList">Members</a></li>
<li><a href="#NavigationList">Settings</a></li>
<li>
<a href="#">Profile</a>
<a href="#NavigationList">Profile</a>
<ul>
<li><a href="#">Account</a></li>
<li><a href="#">Billing</a></li>
<li><a href="#">Logout</a></li>
<li><a href="#NavigationList">Account</a></li>
<li><a href="#NavigationList">Billing</a></li>
<li><a href="#NavigationList">Logout</a></li>
</ul>
</li>
</ul>