the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into thetempusproject-com

Browse Source
This commit is contained in:
Joey Kimsey
2025-01-30 13:25:16 -05:00
parent 9fe4829b47 b8d2550901
commit b1eef15ba9
69 changed files with 527 additions and 949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/views/admin/dashboard/dash.html
View File

@ -8,9 +8,38 @@
{commentDash}
</div>
</div>
<div class="row">
<div class="col-10 offset-1">
{contactDash}
</div>
</div>
<div class="row">
<div class="col-10 offset-1">
{blogDash}
</div>
</div>
</div>
<legend class="text-center my-2">Results</legend>
<form method="post">
<fieldset>
<!-- Search -->
<div class="mb-3 row">
<label for="searchTerm" class="col-lg-6 col-form-label text-end">Search:</label>
<div class="col-lg-2">
<input type="text" class="form-control" name="searchTerm" id="searchTerm">
</div>
</div>
<!-- Hidden Token -->
<input type="hidden" name="token" value="{TOKEN}">
<!-- Submit Button -->
<div class="text-center">
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Search</button>
</div>
</fieldset>
</form>
<div class="col-5 offset-1">
{searchResults}
</div>

4
app/views/admin/groups/list.html
View File

@ -18,8 +18,8 @@
<tbody>
{LOOP}
<tr>
<td><a href="{ROOT_URL}admin/groups/view/{ID}">{name}</a></td>
<td><a href="{ROOT_URL}admin/groups/listmembers/{ID}">{userCount}</a></td>
<td><a href="{ROOT_URL}admin/groups/view/{ID}" class="text-decoration-none">{name}</a></td>
<td><a href="{ROOT_URL}admin/groups/listmembers/{ID}" class="text-decoration-none">{userCount}</a></td>
<td><a href="{ROOT_URL}admin/groups/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
<td><a href="{ROOT_URL}admin/groups/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
<td>

83
app/views/admin/groups/list_members.html
View File

@ -1,40 +1,43 @@
<h1>{groupName} <small>user list</small></h1>
{PAGINATION}
<form action="{ROOT_URL}admin/users/delete" method="post">
<table class="table table-striped">
<thead>
<tr>
<th style="width: 5%">ID</th>
<th style="width: 55%">Username</th>
<th style="width: 25%">Joined</th>
<th style="width: 5%"></th>
<th style="width: 5%"></th>
<th style="width: 5%">
<input type="checkbox" onchange="checkAll(this)" name="check.u" value="U_[]">
</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td>{ID}</td>
<td><a href='{ROOT_URL}admin/users/view/{ID}'>{username}</a></td>
<td>{DTC date}{registered}{/DTC}</td>
<td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
<td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
<td>
<input type="checkbox" value="{ID}" name="U_[]">
</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td align="center" colspan="6">
No results to show.
</td>
</tr>
{/ALT}
</tbody>
</table>
<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></button>
</form>
<div class="context-main-bg context-main p-3">
<legend class="text-center">{groupName} <small>user list</small></legend>
<hr>
{ADMIN_BREADCRUMBS}
<form action="{ROOT_URL}admin/users/delete" method="post">
<table class="table table-striped">
<thead>
<tr>
<th style="width: 5%">ID</th>
<th style="width: 55%">Username</th>
<th style="width: 25%">Joined</th>
<th style="width: 5%"></th>
<th style="width: 5%"></th>
<th style="width: 5%">
<input type="checkbox" onchange="checkAll(this)" name="check.u" value="U_[]">
</th>
</tr>
</thead>
<tbody>
{LOOP}
<tr>
<td>{ID}</td>
<td><a href='{ROOT_URL}admin/users/view/{ID}' class="text-decoration-none">{username}</a></td>
<td>{DTC date}{registered}{/DTC}</td>
<td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
<td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>
<td>
<input type="checkbox" value="{ID}" name="U_[]">
</td>
</tr>
{/LOOP}
{ALT}
<tr>
<td align="center" colspan="6">
No results to show.
</td>
</tr>
{/ALT}
</tbody>
</table>
<button name="submit" value="submit" type="submit" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></button>
</form>
</div>

2
app/views/admin/modules/plugins/list.html
View File

@ -17,7 +17,7 @@
<tbody>
{LOOP}
<tr>
<td><a href="{ROOT_URL}admin/plugins/view/{name}">{name}</a></td>
<td><a href="{ROOT_URL}admin/plugins/view/{name}" class="text-decoration-none">{name}</a></td>
<td>{enabled_txt}</td>
<td>{installStatus}</td>
<td>{version}</td>

2
app/views/admin/routes/list.html
View File

@ -22,7 +22,7 @@
{LOOP}
<tr>
<td align="center">{ID}</td>
<td><a href='{ROOT_URL}admin/routes/view/{ID}'>{nickname}</a></td>
<td><a href='{ROOT_URL}admin/routes/view/{ID}' class="text-decoration-none">{nickname}</a></td>
<td>{redirect_type}</td>
<td>{original_url}</td>
<td>{forwarded_url}</td>

2
app/views/admin/settings.html
View File

@ -1,4 +1,6 @@
<div class="context-main-bg context-main p-3">
<legend class="text-center">Settings</legend>
<hr>
{ADMIN_BREADCRUMBS}
<form action="" method="post" class="form-horizontal" enctype="multipart/form-data">
<fieldset>

2
app/views/admin/tokens/list.html
View File

@ -14,7 +14,7 @@
<tbody>
{LOOP}
<tr>
<td><a href='{ROOT_URL}admin/tokens/view/{ID}'>{name}</a></td>
<td><a href='{ROOT_URL}admin/tokens/view/{ID}' class="text-decoration-none">{name}</a></td>
<td>{token_type}</td>
<td><a href="{ROOT_URL}admin/tokens/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
<td><a href="{ROOT_URL}admin/tokens/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>

2
app/views/admin/users/list.html
View File

@ -20,7 +20,7 @@
{LOOP}
<tr>
<td align="center">{ID}</td>
<td><a href='{ROOT_URL}admin/users/view/{ID}'>{username}</a></td>
<td><a href='{ROOT_URL}admin/users/view/{ID}' class="text-decoration-none">{username}</a></td>
<td>{DTC date}{registered}{/DTC}</td>
<td><a href="{ROOT_URL}admin/users/edit/{ID}" class="btn btn-sm btn-warning"><i class="fa fa-fw fa-pencil"></i></a></td>
<td><a href="{ROOT_URL}admin/users/delete/{ID}" class="btn btn-sm btn-danger"><i class="fa fa-fw fa-trash"></i></a></td>

0
app/views/alpha/certification.html
View File

0
app/views/alpha/crashcourse.html
View File

30
app/views/alpha/index.html
View File

@ -1,30 +0,0 @@
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-12 col-centered">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2>Welcome to The Tempus-Project Friends and Family Alpha.</h2>
<hr>
<p>This project is now entering its third official version and nearly its tenth year of development. What a long journey it has been to get here.</p>
<p>With that being said, I won't waste your time with a journey down memory road. If you have been sent this page, clearly I trust you, or one of our mutual friends is an asshole. Both equally possible... The main purpose of inviting you was to ask for your help.</p>
<h2>What I need</h2>
<p>With any application, there are bugs. The best developers I have had the pleasure of working with make mundane every day mistakes just like everyone else. This obviously includes myself. With any project you spend years working on, you will develop blind spots, or places where even if something was broken, you would skip right past it and never notice.</p>
<p>I would like your help in identifying these such blind spots.</p>
<h2>What you can do to help.</h2>
<p>Currently there is a bug-report form at the bottom, usable by anyone with a registered account. I have also built an administrator system that allows me to track progress of these bugs and ensure they get fixed. In addition to tracking bugs, there is a public suggestions system and a publicly viewable to-do list.</p>
<p>I will need some users to help test very specific things like permissions for various groups. I will need some trusted users to act as administrators and test features. I will also just need some people to use and interact with the site to ensure they aren't encountering any bugs.</p>
<p>There are a ton of things you can do to help!</p>
<ul>
<li>Report any bugs!!! ( there is a bug-report link at the bottom of every page )</li>
<li>Register an account</li>
<li>Subscribe to the mailing list</li>
<li>Browse blog posts</li>
<li>Make suggestions for improvements or new features</li>
<li>Leave comments on the blog and other features.</li>
<li>Keep an eye out for email or messages requesting specific help.</li>
</ul>
</div>
</div>
</div>
</div>
</div>

16
app/views/debug.html
View File

@ -1,16 +0,0 @@
<link rel="stylesheet" href="{ROOT_URL}app/css/debug.css" crossorigin="anonymous">
<div id="debug-wrapper">
<div id="debug-header">
<p><b>Debug Log:</b></p>
<button id="debug-copy" name="debug-copy">Copy</button>
</div>
<div id="debug-log">
{DEBUGGING_LOG}
</div>
</div>
<script language="JavaScript" type="text/javascript">
$("#debug-copy").on("click", function(){
copyAll("debug-log");
console.log('copied');
});
</script>

9
app/views/dump.html
View File

@ -1,9 +0,0 @@
<link rel="stylesheet" href="{ROOT_URL}app/css/debug.css" crossorigin="anonymous">
<div id="wrapper">
<div id="menu">
<p class="welcome"><b>Debug Dump:</b></p>
</div>
<div>
<pre>{DUMP}</pre>
</div>
</div>

2
app/views/footer/copy.html
View File

@ -1 +1 @@
<span>© 2024 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a>.</span>
<span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a>.</span>

1
app/views/hashtags.html
View File

@ -1 +0,0 @@
<p> Hey there, it looks like you found our hastags! Unfortunately I haven't finished building them out just yet. Check back soon!</p>

6
app/views/install/complete.html
View File

@ -20,11 +20,11 @@
</p>
<!-- Call-to-Action Buttons -->
<div class="d-flex justify-content-center gap-3 mt-4">
<a href="/login" class="btn btn-success btn-lg">
<a href="/home/login" class="btn btn-success btn-lg">
<i class="fa fa-sign-in-alt me-2"></i> Log In
</a>
<a href="/dashboard" class="btn btn-outline-success btn-lg">
<i class="fa fa-cogs me-2"></i> Go to Dashboard
<a href="/home/index" class="btn btn-outline-success btn-lg">
<i class="fa fa-cogs me-2"></i> Go to Homepage
</a>
</div>
</div>

4
app/views/install/configure.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<legend class="my-3 text-center">Configure</legend>

4
app/views/install/models.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.</p>

24
app/views/install/nav.html
View File

@ -1,12 +1,12 @@
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item {menu-Welcome}"><a href="#" class="nav-link">Welcome</a></li>
<li class="nav-item {menu-Terms}"><a href="#" class="nav-link">Terms</a></li>
<li class="nav-item {menu-Verify}"><a href="#" class="nav-link">Verify</a></li>
<li class="nav-item {menu-Configure}"><a href="#" class="nav-link">Configure</a></li>
<li class="nav-item {menu-Routing}"><a href="#" class="nav-link">Routing</a></li>
<li class="nav-item {menu-Models}"><a href="#" class="nav-link">Models</a></li>
<li class="nav-item {menu-Plugins}"><a href="#" class="nav-link">Plugins</a></li>
<li class="nav-item {menu-Resources}"><a href="#" class="nav-link">Resources</a></li>
<li class="nav-item {menu-User}"><a href="#" class="nav-link">User</a></li>
<li class="nav-item {menu-Complete}"><a href="#" class="nav-link">Complete</a></li>
</ul>
<div class="nav nav-tabs justify-content-center pt-3 col-10 offset-1" id="nav-tab" role="tablist">
<button class="nav-link {menu-Welcome}" type="button" role="tab">Welcome</button>
<button class="nav-link {menu-Terms}" type="button" role="tab">Terms</button>
<button class="nav-link {menu-Verify}" type="button" role="tab">Verify</button>
<button class="nav-link {menu-Configure}" type="button" role="tab">Configure</button>
<button class="nav-link {menu-Routing}" type="button" role="tab">Routing</button>
<button class="nav-link {menu-Models}" type="button" role="tab">Models</button>
<button class="nav-link {menu-Plugins}" type="button" role="tab">Plugins</button>
<button class="nav-link {menu-Resources}" type="button" role="tab">Resources</button>
<button class="nav-link {menu-User}" type="button" role="tab">User</button>
<button class="nav-link {menu-Complete}" type="button" role="tab">Complete</button>
</div>

4
app/views/install/plugins.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">

4
app/views/install/resources.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<p class="my-4">

4
app/views/install/routing.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<p class="mt-4">The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.</p>

6
app/views/install/agreement.html → app/views/install/terms.html
View File

@ -1,7 +1,7 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<div class="col-10">
<div class="install-terms col-lg-8 mx-auto mt-4">
{TERMS}
</div>

4
app/views/install/adminUser.html → app/views/install/user.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10 pt-4">
<form action="" method="post" class="form-horizontal">

4
app/views/install/check.html → app/views/install/verify.html
View File

@ -1,5 +1,5 @@
{installer-nav}
<div class="container">
<div class="context-main-bg my-3 pb-3 rounded col-10 offset-1">
{installer-nav}
<div class="row justify-content-center">
<div class="col-md-10">
<h2 class="mt-4">Requirements</h2>

17
app/views/install/welcome.html Normal file
View File

@ -0,0 +1,17 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<div class="context-main-bg my-3 pb-3 rounded">
{installer-nav}
<h1 class="mt-4">Welcome to The Tempus Project Installer.</h1>
<p>
This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.
</p>
<form action="" method="post">
<input type="hidden" name="token" value="{TOKEN}">
<button class="btn btn-lg btn-primary center-block" type="submit" name="submit" id="submit" value="submit">Begin Installation</button><br>
</form>
</div>
</div>
</div>
</div>

2
app/views/nav/admin.html
View File

@ -4,7 +4,7 @@
<a href="{url}" class="text-white {linkClasses}" {linkAttributes}>
{text}
</a>
{duuuuuuuh}
{subnav}
</li>
{/LOOP}
</ul>

2
app/views/nav/adminSub.html
View File

@ -1,6 +1,6 @@
<ul class="collapse list-unstyled ms-3 text-small shadow" id="{dropdownName}Dropdown">
{LOOP}
<li class="nav-item"><a href="{url}" class="nav-link text-white">{text}</a></li>
<li class="nav-item"><a href="{url}" class="submenu nav-link text-white">{text}</a></li>
{/LOOP}
</ul>

18
app/views/nav/main.html
View File

@ -1,5 +1,13 @@
<ul class="nav col-12 col-lg-auto mb-2 justify-content-center mb-md-0 mx-auto">
{LOOP}
<li><a href="{url}" class="nav-link px-2 text-white">{text}</a></li>
{/LOOP}
</ul>
<nav class="navbar navbar-expand col-12 col-lg-auto mb-2 justify-content-center mb-md-0 mx-auto">
<div class="container-fluid">
<ul class="navbar-nav">
{LOOP}
<li class="nav-item">
<a href="{url}" class="nav-link px-2 text-white">
{text}
</a>
</li>
{/LOOP}
</ul>
</div>
</nav>

52
app/views/switches.html
View File

@ -1,52 +0,0 @@
<div class="col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
<div class="card">
<!-- Default panel contents -->
<div class="card-header">Material Design Switch Demos</div>
<!-- List group -->
<ul class="list-group">
<li class="list-group-item">
Bootstrap Switch Default
<div class="material-switch float-right">
<input id="someSwitchOptionDefault" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionDefault" class="label-default"></label>
</div>
</li>
<li class="list-group-item">
Bootstrap Switch Primary
<div class="material-switch float-right">
<input id="someSwitchOptionPrimary" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionPrimary" class="label-primary"></label>
</div>
</li>
<li class="list-group-item">
Bootstrap Switch Success
<div class="material-switch float-right">
<input id="someSwitchOptionSuccess" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionSuccess" class="label-success"></label>
</div>
</li>
<li class="list-group-item">
Bootstrap Switch Info
<div class="material-switch float-right">
<input id="someSwitchOptionInfo" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionInfo" class="label-info"></label>
</div>
</li>
<li class="list-group-item">
Bootstrap Switch Warning
<div class="material-switch float-right">
<input id="someSwitchOptionWarning" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionWarning" class="label-warning"></label>
</div>
</li>
<li class="list-group-item">
Bootstrap Switch Danger
<div class="material-switch float-right">
<input id="someSwitchOptionDanger" name="someSwitchOption001" type="checkbox"/>
<label for="someSwitchOptionDanger" class="label-danger"></label>
</div>
</li>
</ul>
</div>
</div>

1
app/views/test.html
View File

@ -1 +0,0 @@
lul, testing

2
app/views/user_cp/settings.html
View File

@ -3,7 +3,7 @@
<hr>
<div class="row justify-content-center">
<div class="col-md-6">
<form action="" method="post" class="">
<form action="" method="post" class="" enctype="multipart/form-data">
<fieldset>
{PREFERENCES_FORM}
</fieldset>

104
app/views/wysiwyg.html
View File

@ -1,104 +0,0 @@
<div class="wp-webdeasy-comment-editor">
<div class="toolbar">
<div class="line">
<div class="box">
<span class="editor-btn icon smaller" data-action="bold" data-tag-name="b" title="Bold">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/bold.png"/>
</span>
<span class="editor-btn icon smaller" data-action="italic" data-tag-name="i" title="Italic">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/italic.png"/>
</span>
<span class="editor-btn icon smaller" data-action="underline" data-tag-name="u" title="Underline">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/underline.png"/>
</span>
<span class="editor-btn icon smaller" data-action="strikeThrough" data-tag-name="strike" title="Strike through">
<img src="https://img.icons8.com/fluency-systems-filled/30/000000/strikethrough.png"/>
</span>
</div>
<div class="box">
<span class="editor-btn icon has-submenu">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/align-left.png"/>
<div class="submenu">
<span class="editor-btn icon" data-action="justifyLeft" data-style="textAlign:left" title="Justify left">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/align-left.png"/>
</span>
<span class="editor-btn icon" data-action="justifyCenter" data-style="textAlign:center" title="Justify center">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/align-center.png"/>
</span>
<span class="editor-btn icon" data-action="justifyRight" data-style="textAlign:right" title="Justify right">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/align-right.png"/>
</span>
<span class="editor-btn icon" data-action="formatBlock" data-style="textAlign:justify" title="Justify block">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/align-justify.png"/>
</span>
</div>
</span>
<span class="editor-btn icon" data-action="insertOrderedList" data-tag-name="ol" title="Insert ordered list">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/numbered-list.png"/>
</span>
<span class="editor-btn icon" data-action="insertUnorderedList" data-tag-name="ul" title="Insert unordered list">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/bulleted-list.png"/>
</span>
<span class="editor-btn icon" data-action="outdent" title="Outdent" data-required-tag="li">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/outdent.png"/>
</span>
<span class="editor-btn icon" data-action="indent" title="Indent">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/indent.png"/>
</span>
</div>
<div class="box">
<span class="editor-btn icon" data-action="insertHorizontalRule" title="Insert horizontal rule">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/horizontal-line.png"/>
</span>
</div>
</div>
<div class="line">
<div class="box">
<span class="editor-btn icon smaller" data-action="undo" title="Undo">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/undo--v1.png"/>
</span>
<span class="editor-btn icon" data-action="removeFormat" title="Remove format">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/remove-format.png"/>
</span>
</div>
<div class="box">
<span class="editor-btn icon smaller" data-action="createLink" title="Insert Link">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/add-link.png"/>
</span>
<span class="editor-btn icon smaller" data-action="unlink" data-tag-name="a" title="Unlink">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/delete-link.png"/>
</span>
</div>
<div class="box">
<span class="editor-btn icon" data-action="toggle-view" title="Show HTML-Code">
<img src="https://img.icons8.com/fluency-systems-filled/48/000000/source-code.png"/>
</span>
</div>
</div>
</div>
<div class="content-area">
<div class="visuell-view" contenteditable>
<p style="text-align: center;">Welcome to my <b>WYSIWYG</b> Editor <i>(What you see is what you get)</i>!</p>
<p style="text-align: center;">It's only made of <u>HTML5</u>, <i><u>CSS3</u> </i>and pure <u>JavaScript</u>, <strike>no framework</strike>!</p>
<hr>
<p style="text-align: center;"><b>See for yourself! 😃</b></p>
<p style="text-align: center;"><b>Tutorial available <a href="https://webdeasy.de/en/program-your-own-wysiwyg-editor-in-10-minutes/?referer=cp-YoVmBx">here</a>! 😋</b></p>
</div>
<textarea class="html-view"></textarea>
</div>
</div>
<div class="modal">
<div class="modal-bg"></div>
<div class="modal-wrapper">
<div class="close">✖</div>
<div class="modal-content" id="modalCreateLink">
<h3>Insert Link</h3>
<input type="text" id="linkValue" placeholder="Link (example: https://webdeasy.de/)">
<div class="row">
<input type="checkbox" id="new-tab">
<label for="new-tab">Open in new Tab?</label>
</div>
<button class="done">Done</button>
</div>
</div>
</div>