1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-23 15:01:14 +02:00

Merge remote-tracking branch 'origin/master' into v5

This commit is contained in:
Kushagra Gour
2022-03-08 12:37:56 +05:30
13 changed files with 130 additions and 46 deletions

View File

@@ -131,7 +131,7 @@
.hero {
text-align: center;
background: #2b273c;
background: linear-gradient(45deg, #000001, #65487d);
color: #a7a1bd;
padding: 2em 1em;
margin-bottom: 2em;
@@ -186,6 +186,9 @@
.screenshot {
box-shadow: 0 51px 33px -40px rgba(0, 0, 0, 0.6);
transform: rotateX(4deg) rotateY(-2deg);
border: 1px solid black;
border-radius: 10px;
}
.site-header {
@@ -427,21 +430,19 @@
<svg class="logo" width="160" height="84">
<use xlink:href="#logo"></use>
</svg>
<h1 class="homepage-title">
Web Maker
</h1>
<h2 style="margin-bottom:0.4em;">
<h1 class="homepage-title">Web Maker</h1>
<h2 style="margin-bottom: 0.4em">
A blazing fast & offline web playground in your browser
</h2>
<div style="margin-top: 30px;" id="cta" class="mb-2">
<a class="btn download-btn web-app-btn" href="/app/">
<div style="margin-top: 30px" id="cta" class="mb-2">
<a class="btn download-btn web-app-btn" href="/app/">
<span>Open Web App</span>
</a>
<p style="margin-top:3px;">
<p style="margin-top: 3px">
Recommended: Works Offline! More features. More fun!
</p>
<a
class="btn download-btn js-chrome-btn"
class="btn download-btn js-chrome-btn"
href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh"
>
<img src="images/chrome-logo.png" height="40" alt="" />
@@ -475,7 +476,7 @@
>
</div>
</header>
<div style="margin-top:30px;">
<div style="margin-top: 30px; perspective: 400px">
<img
class="screenshot"
src="images/ss1.png?v4"
@@ -487,7 +488,7 @@
{% else %}
<header class="site-header">
<div>
<h2 style="display: inline;">
<h2 style="display: inline">
<a href="/">
<svg class="site-header__logo">
<use xlink:href="#logo"></use>
@@ -516,9 +517,7 @@
</header>
{% endif %}
<main class="main-content">
{{ content }}
</main>
<main class="main-content">{{ content }}</main>
<div id="info" class="info">
<p>
@@ -547,7 +546,7 @@
or you can set up a filter in Adblock Plus or similar ad blocker tools
like AdBlock, uBlock or Adblock Pro.
</p>
<div style="text-align: center;">
<div style="text-align: center">
<a class="btn" href="javascript:void(0)" onclick="closeInfo()">Close</a>
</div>
</div>
@@ -569,7 +568,7 @@
{% include footer.html %}
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" style="display:none">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" style="display: none">
<symbol id="logo" viewBox="-145 -2 372 175">
<g
stroke="none"
@@ -622,7 +621,7 @@
<script type="text/javascript">
window.$crisp = [];
window.CRISP_WEBSITE_ID = 'c00b07b9-42da-45dd-87b0-e614bf7fb240';
(function() {
(function () {
d = document;
s = d.createElement('script');
s.src = 'https://client.crisp.chat/l.js';

View File

@@ -18,7 +18,7 @@
<a href="https://twitter.com/webmakerApp" rel="external">
<svg
viewBox="0 0 16 16"
style="width:1em;height:1em;margin-right:8px;fill:#55ACEE;"
style="width: 1em; height: 1em; margin-right: 8px; fill: #55acee"
>
<path
d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
@@ -31,7 +31,7 @@
<a href="https://github.com/chinchang/web-maker" rel="external">
<svg
viewBox="0 0 16 16"
style="width:1em;height:1em;margin-right:8px;fill:#666;"
style="width: 1em; height: 1em; margin-right: 8px; fill: #666"
>
<path
d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"
@@ -46,8 +46,30 @@
</div>
</div>
<p class="ta-c">
Made by
<a href="https://twitter.com/chinchang457" rel="external">Kushagra Gour</a>
<p class="ta-c" style="position: relative">
<img
src="https://cssbattle.dev/images/avatar-chang.png"
style="width: 260px; border-radius: 45px"
/>
<span
style="
position: absolute;
bottom: 0;
background: black;
border-radius: 35px;
padding: 5px 10px;
color: white;
display: inline-block;
width: 30ch;
left: calc(50% - 15ch);
"
>Made by
<a
href="https://twitter.com/chinchang457"
rel="external"
style="color: yellow"
>Kushagra Gour</a
></span
>
</p>
</footer>