Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
Signed-off-by: George Lemon <[email protected]>
  • Loading branch information
georgelemon committed Feb 15, 2024
1 parent 8e30023 commit ba72920
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 48 deletions.
49 changes: 3 additions & 46 deletions example/preview.html
Original file line number Diff line number Diff line change
@@ -1,49 +1,6 @@
<!DOCKTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>Tim Engine is Awesome</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<style> body{background-color:#212121;color:whitesmoke}</style>
</head>
<body>
<section>
<div class="container">
<div class="row vh-100 align-items-center">
<div id="content-zone" class="col-lg-7 mx-auto">
<div class="text-center">
<img src="https://raw.githubusercontent.com/openpeeps/tim/main/.github/timengine.png" width="200px" alt="Tim Engine">
</div>
<h1 class="display-4 fw-bold">This is Tim Engine 👋 A super fast template engine for cool kids!</h1>
<p style="line-height: 1.8em" class="mb-4 h4 fw-normal px-4">Build sleek, dynamic websites and apps in a breeze with Tim Engine's intuitive syntax and powerful features. It's the template engine that keeps up with your creativity.</p>
<div class="text-center">
<div class="mb-3">
<a target="_blank" class="btn btn-light btn-lg rounded-pill px-4 py-2" href="https://github.com/openpeeps/tim">
<svg viewBox="0 0 24 24" width="24" stroke-width="2" class="css-i6dzq1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" height="24">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
</path>
</svg>
<span class="fw-bold">Check it on GitHub</span>
</a>
</div>
<div>
<p class="mb-0">Made by Humans from OpenPeeps</p>
<p>Open Source | LGPLv3 License</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!DOCKTYPE html><html><head><meta charset="UTF-8"><meta content="width=device-width, initial-scale=1" name="viewport"><title>Tim Engine is Awesome</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"><style> body{background-color:#212121;color:whitesmoke}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#ea4444;--bs-btn-border-color:#ea4444;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c73434;--bs-btn-hover-border-color:#c73434;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b62929;--bs-btn-active-border-color:#b62929;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}</style></head><body> <section><div class="container"><div class="row vh-100 align-items-center"><div id="content-zone" class="col-lg-7 mx-auto"><div class="text-center"><img src="https://raw.githubusercontent.com/openpeeps/tim/main/.github/timengine.png" width="200px" alt="Tim Engine"></div><h1 class="display-4 fw-bold">This is Tim 👋 A super fast template engine for cool kids!</h1><p style="line-height: 1.8em" class="mb-4 h4 fw-normal px-4">Build sleek, dynamic websites and apps in a breeze with Tim Engine's intuitive syntax and powerful features. It's the template engine that keeps up with your creativity.</p><div class="text-center"><div class="mb-3"><a target="_blank" class="btn btn-primary btn-lg rounded-pill px-4 py-2" href="https://github.com/openpeeps/tim"><svg viewBox="0 0 24 24" width="24" stroke-width="2" class="css-i6dzq1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" height="24"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg><span class="fw-bold ms-2">Check it on GitHub</span></a></div><div><p class="mb-0">Made by Humans from OpenPeeps</p><p>Open Source | LGPLv3 License</p></div></div></div></div></div></section>
<script type="text/javascript">document.addEventListener('DOMContentLoaded', function(){{}});
// some JS code that runs after DOMContentLoaded
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#submitMessage').addEventListener('click', function(e){
e.preventDefault()
console.log(e)
})
console.log(e)
})
</script>
</body>
</html>
</script></body></html>
8 changes: 6 additions & 2 deletions example/templates/partials/btn.timl
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
a.btn.btn-primary.btn-lg.rounded-pill.px-4.py-2 href="https://github.com/openpeeps/tim" target="_blank":
svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"
path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
span.fw-bold: "Check it on GitHub"
path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35
6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0
19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65
5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5
3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
span.fw-bold.ms-2: "Check it on GitHub"

0 comments on commit ba72920

Please sign in to comment.