1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-11 04:00:54 +02:00

fix testimonials

This commit is contained in:
Kushagra Gour
2019-03-15 13:12:42 +05:30
parent c00541dbcf
commit efb057221b
9 changed files with 744 additions and 572 deletions

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -10,178 +10,269 @@ layout: default.html
<path d="M2.28,3L1,4.27L2.47,5.74C2.04,6 1.61,6.29 1.2,6.6L3,9C3.53,8.6 4.08,8.25 4.66,7.93L6.89,10.16C6.15,10.5 5.44,10.91 4.8,11.4L6.6,13.8C7.38,13.22 8.26,12.77 9.2,12.47L11.75,15C10.5,15.07 9.34,15.5 8.4,16.2L12,21L14.46,17.73L17.74,21L19,19.72M12,3C9.85,3 7.8,3.38 5.9,4.07L8.29,6.47C9.5,6.16 10.72,6 12,6C15.38,6 18.5,7.11 21,9L22.8,6.6C19.79,4.34 16.06,3 12,3M12,9C11.62,9 11.25,9 10.88,9.05L14.07,12.25C15.29,12.53 16.43,13.07 17.4,13.8L19.2,11.4C17.2,9.89 14.7,9 12,9Z" /> <path d="M2.28,3L1,4.27L2.47,5.74C2.04,6 1.61,6.29 1.2,6.6L3,9C3.53,8.6 4.08,8.25 4.66,7.93L6.89,10.16C6.15,10.5 5.44,10.91 4.8,11.4L6.6,13.8C7.38,13.22 8.26,12.77 9.2,12.47L11.75,15C10.5,15.07 9.34,15.5 8.4,16.2L12,21L14.46,17.73L17.74,21L19,19.72M12,3C9.85,3 7.8,3.38 5.9,4.07L8.29,6.47C9.5,6.16 10.72,6 12,6C15.38,6 18.5,7.11 21,9L22.8,6.6C19.79,4.34 16.06,3 12,3M12,9C11.62,9 11.25,9 10.88,9.05L14.07,12.25C15.29,12.53 16.43,13.07 17.4,13.8L19.2,11.4C17.2,9.89 14.7,9 12,9Z" />
</svg> --> </svg> -->
<h3 class="feature__title">Works Offline</h3> <h3 class="feature__title">Works Offline</h3>
<p>Lives completely in your browser. There is no network involved, so it opens and shows previews instantly.</p> <p>
Lives completely in your browser. There is no network involved, so it
opens and shows previews instantly.
</p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Preprocessor Support</h3> <h3 class="feature__title">Preprocessor Support</h3>
<p>Be it Markdown, Jade, SCSS, LESS, Atomic CSS, JSX, CoffeeScript or TypeScript - you get it all.</p> <p>
Be it Markdown, Jade, SCSS, LESS, Atomic CSS, JSX, CoffeeScript or
TypeScript - you get it all.
</p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Quick Add Libraries</h3> <h3 class="feature__title">Quick Add Libraries</h3>
<p>Drop in any library from the available list or put a URL of any other library you wish to add. <p>
Drop in any library from the available list or put a URL of any other
library you wish to add.
</p> </p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Multiple Layouts</h3> <h3 class="feature__title">Multiple Layouts</h3>
<p>Get exact same layout in front of you, that you last saved the creation in. Plus, a full screen layout to see <p>
your work Get exact same layout in front of you, that you last saved the creation
in actual browser window. in. Plus, a full screen layout to see your work in actual browser window.
</p> </p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Files Mode</h3> <h3 class="feature__title">Files Mode</h3>
<p>Get a complete local-like environment where you can code in files instead of 3 separate panes. <p>
Get a complete local-like environment where you can code in files instead
of 3 separate panes.
</p> </p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Preview screenshot capture</h3> <h3 class="feature__title">Preview screenshot capture</h3>
<p>Feel like taking a screenshot of your awesome creation, just hit the Capture button to get a beautiful <p>
screenshot Feel like taking a screenshot of your awesome creation, just hit the
of Capture button to get a beautiful screenshot of your result.
your result.
</p> </p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">Open in Codepen</h3> <h3 class="feature__title">Open in Codepen</h3>
<p>Done with your creation and want to share it with the world? One click and have your work open in CodePen. <p>
Done with your creation and want to share it with the world? One click and
have your work open in CodePen.
</p> </p>
</div> </div>
<div class="feature"> <div class="feature">
<h3 class="feature__title">And much more awesomeness!</h3> <h3 class="feature__title">And much more awesomeness!</h3>
<p>It doesn't stop there. There is JavaScript console, integrated Prettier support, command palette and more! <p>
It doesn't stop there. There is JavaScript console, integrated Prettier
support, command palette and more!
</p> </p>
</div> </div>
</div> </div>
<div class="people-say"> <div class="people-say">
<h2 style="font-size: 2em;" class="ta-c" aria-label="Love from all around"><span style="color:red;"></span> from all <h2 style="font-size: 2em;" class="ta-c" aria-label="Love from all around">
around</h2> <span style="color:red;"></span> from all around
</h2>
<div class="people-say-top"> <div class="people-say-top">
<a target="_blank" href="https://blog.codepen.io/2017/01/19/web-maker/" class="say"> <a
target="_blank"
href="https://blog.codepen.io/2017/01/19/web-maker/"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/883049860332609537/IsUISvAq_400x400.jpg" alt=""> <img src="/images/testimonials/cc.jpg" alt="" />
<div>Chris Coyier</div> <div>Chris Coyier</div>
</div> </div>
<p>If you're looking for a CodePen-like offline editor, and use Chrome, check out Web-Maker by Kushagra Gour.</p> <p>
If you're looking for a CodePen-like offline editor, and use Chrome,
check out Web-Maker by Kushagra Gour.
</p>
</a> </a>
<a target="_blank" href="https://twitter.com/Ryan_Random/status/832242636970930177" class="say say--twitter"> <a
target="_blank"
href="https://twitter.com/Ryan_Random/status/832242636970930177"
class="say say--twitter"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/777487197532401665/hsnFGGH2_bigger.jpg" alt=""> <img src="/images/testimonials/rd.jpg" alt="" />
<div>Ryan Davidson <div>
Ryan Davidson
<div class="say__handle">@Ryan_Random</div> <div class="say__handle">@Ryan_Random</div>
</div> </div>
</div> </div>
<p>Really enjoying using Web Maker - super fast offline web playground.</p> <p>
Really enjoying using Web Maker - super fast offline web playground.
</p>
</a> </a>
<a target="_blank" href="https://twitter.com/NashVail/status/831126444486975489" class="say say--twitter"> <a
target="_blank"
href="https://twitter.com/NashVail/status/831126444486975489"
class="say say--twitter"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/798582099691212800/15i7-mX-_400x400.jpg" alt=""> <img src="/images/testimonials/nv.jpg" alt="" />
<div>Nishant Verma <div>
Nishant Verma
<div class="say__handle">@NashVail</div> <div class="say__handle">@NashVail</div>
</div> </div>
</div> </div>
<p>Finding awesome pens on @CodePen and recreating them in @webmakerApp is my new hobby</p> <p>
Finding awesome pens on @CodePen and recreating them in @webmakerApp is
my new hobby
</p>
</a> </a>
<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" <a
class="say"> target="_blank"
href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECLSb76_ywaCj7gEiC3ZjYXJkX3Bob3RvKigyMTBmZjI0YjYxM2VkZWZiNmYyNTkwZjEwN2RlNjBlYjRkOTE2YmJlMAHafGv-p112HZJ-KreQxPF8-yn0EQ" <img
alt=""> src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECLSb76_ywaCj7gEiC3ZjYXJkX3Bob3RvKigyMTBmZjI0YjYxM2VkZWZiNmYyNTkwZjEwN2RlNjBlYjRkOTE2YmJlMAHafGv-p112HZJ-KreQxPF8-yn0EQ"
alt=""
/>
<div>Joacim Nilsson</div> <div>Joacim Nilsson</div>
</div> </div>
<p>This is something I will be using alot. Thank you! :D</p> <p>This is something I will be using alot. Thank you! :D</p>
</a> </a>
<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" <a
class="say"> target="_blank"
href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCK_Jvffnu_2AXSILdmNhcmRfcGhvdG8qKDk3Njg3NDE2NjI1YThmNDgyMDk4OWM3MTBiMTMxNmUzOWQwZGNhMWEwAbe0xm_6UPdrZFAaScMLUOpKFfHP" <img
alt=""> src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCK_Jvffnu_2AXSILdmNhcmRfcGhvdG8qKDk3Njg3NDE2NjI1YThmNDgyMDk4OWM3MTBiMTMxNmUzOWQwZGNhMWEwAbe0xm_6UPdrZFAaScMLUOpKFfHP"
alt=""
/>
<div>Oksana Borukh</div> <div>Oksana Borukh</div>
</div> </div>
<p>It's fantastic! I'm glad I've discovered it! Thanks! <p>It's fantastic! I'm glad I've discovered it! Thanks!</p>
</p>
</a> </a>
</div> </div>
<div class="people-say-bottom"> <div class="people-say-bottom">
<a target="_blank" href="https://twitter.com/labnol/status/816576061622235136" class="say say--twitter"> <a
target="_blank"
href="https://twitter.com/labnol/status/816576061622235136"
class="say say--twitter"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/905692103883104256/J0feWkQe_normal.jpg" alt=""> <img src="/images/testimonials/aa.jpg" alt="" />
<div>Amit Agarwal <div>
Amit Agarwal
<div class="say__handle">@labnol</div> <div class="say__handle">@labnol</div>
</div> </div>
</div> </div>
<p>This is like having your own copy of Codepen that also works offline.</p> <p>
This is like having your own copy of Codepen that also works offline.
</p>
</a> </a>
<a target="_blank" href="https://twitter.com/Armstrong/status/832191260026888197" class="say say--twitter"> <a
target="_blank"
href="https://twitter.com/Armstrong/status/832191260026888197"
class="say say--twitter"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/974909553/Screen_shot_2010-06-09_at_19.14.22_bigger.png" alt=""> <img src="/images/testimonials/ca.png" alt="" />
<div>Chris Armstrong <div>
Chris Armstrong
<div class="say__handle">@Armstrong</div> <div class="say__handle">@Armstrong</div>
</div> </div>
</div> </div>
<p>@webmakerApp looks like a good offline alternative to @CodePen.</p> <p>@webmakerApp looks like a good offline alternative to @CodePen.</p>
</a> </a>
<a target="_blank" href="https://twitter.com/sitepointdotcom/status/832987050597085184" class="say say--twitter"> <a
target="_blank"
href="https://twitter.com/sitepointdotcom/status/832987050597085184"
class="say say--twitter"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/851318206807420928/etT-R3rp_bigger.jpg" alt=""> <img src="/images/testimonials/sitepoint.jpg" alt="" />
<div>SitePoint <div>
SitePoint
<div class="say__handle">@sitepointdotcom</div> <div class="say__handle">@sitepointdotcom</div>
</div> </div>
</div> </div>
<p>Meet Web Maker, an Offline, Browser-based CodePen Alternative.</p> <p>Meet Web Maker, an Offline, Browser-based CodePen Alternative.</p>
</a> </a>
<a target="_blank" href="https://twitter.com/fedorloenko/status/835186942354534400" class="say"> <a
target="_blank"
href="https://twitter.com/fedorloenko/status/835186942354534400"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://pbs.twimg.com/profile_images/947822663061393408/zhC3vxBL_bigger.jpg" alt=""> <img
<div>Fedor Loenko src="https://pbs.twimg.com/profile_images/947822663061393408/zhC3vxBL_bigger.jpg"
alt=""
/>
<div>
Fedor Loenko
<div class="say__handle">@fedorloenko</div> <div class="say__handle">@fedorloenko</div>
</div> </div>
</div> </div>
<p>Great Chrome extension via @chinchang457. I need offline CodePen from time to time.</p> <p>
Great Chrome extension via @chinchang457. I need offline CodePen from
time to time.
</p>
</a> </a>
<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" <a
class="say"> target="_blank"
href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCNn44MXB2a_DZSILdmNhcmRfcGhvdG8qKDM2YTNiMDhkYzEyMmVkY2IyZjM2YzY0NTAzNTdjMWU5YWVhM2JmM2MwAc4a1i_Vddj6AIdGg9rpk_xdMePf" <img
alt=""> src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABDCNn44MXB2a_DZSILdmNhcmRfcGhvdG8qKDM2YTNiMDhkYzEyMmVkY2IyZjM2YzY0NTAzNTdjMWU5YWVhM2JmM2MwAc4a1i_Vddj6AIdGg9rpk_xdMePf"
alt=""
/>
<div>Steve Lack</div> <div>Steve Lack</div>
</div> </div>
<p>Thanks for creating this. What a great tool for productivity!</p> <p>Thanks for creating this. What a great tool for productivity!</p>
</a> </a>
<a target="_blank" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" <a
class="say"> target="_blank"
href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews"
class="say"
>
<div class="say__name"> <div class="say__name">
<img src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECOrDgpLHt4jwzwEiC3ZjYXJkX3Bob3RvKig2ZWNkNGM4MmM0MDY2ZmFkMDUzZmE3MGY4MWE3NWM5OTIzZjA4MGRlMAEmU4uVE7yiEAzp6wGGR7B3MMjErg" <img
alt=""> src="https://plus.google.com/_/focus/photos/public/AIbEiAIAAABECOrDgpLHt4jwzwEiC3ZjYXJkX3Bob3RvKig2ZWNkNGM4MmM0MDY2ZmFkMDUzZmE3MGY4MWE3NWM5OTIzZjA4MGRlMAEmU4uVE7yiEAzp6wGGR7B3MMjErg"
alt=""
/>
<div>Margaret H</div> <div>Margaret H</div>
</div> </div>
<p>Decided to use it to work on my latest project, it's pretty awesome! Thank you for making this!</p> <p>
Decided to use it to work on my latest project, it's pretty awesome!
Thank you for making this!
</p>
</a> </a>
</div> </div>
</div> </div>
<div id="info" class="info"> <div id="info" class="info">
<p>Web Maker needs the following permissions to work with full capabilities. In words of Chrome extensions:</p> <p>
Web Maker needs the following permissions to work with full capabilities. In
words of Chrome extensions:
</p>
<p> <p>
<strong>Read & change all your data on the websites that you visit</strong> - Worry not. This is just required for <strong>Read & change all your data on the websites that you visit</strong>
the new tab - Worry not. This is just required for the new tab replacement feature where
replacement feature where Web Maker shows up only if the new tab url is chrome://newtab/. Nothing is read, stored or Web Maker shows up only if the new tab url is chrome://newtab/. Nothing is
changed. read, stored or changed.
</p> </p>
<h3>Disclaimer</h3> <h3>Disclaimer</h3>
<p>Web Maker <p>
<strong>does not track</strong> any user specific data. It uses Google Analytics to track aggregated events to Web Maker <strong>does not track</strong> any user specific data. It uses
improve user experience Google Analytics to track aggregated events to improve user experience based
based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit on what features are used more. If still you want to opt-out of Google
<a href="https://tools.google.com/dlpage/gaoptout" target="_blank">https://tools.google.com/dlpage/gaoptout</a> or Analytics tracking, please visit
you can set up a filter in Adblock Plus or similar ad blocker tools like <a href="https://tools.google.com/dlpage/gaoptout" target="_blank"
AdBlock, uBlock or Adblock Pro.</p> >https://tools.google.com/dlpage/gaoptout</a
>
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> <a class="btn" href="javascript:void(0)" onclick="closeInfo()">Close</a>
</div> </div>
</div> </div>