Skip to content
This repository has been archived by the owner on Aug 26, 2024. It is now read-only.

Commit

Permalink
design improve
Browse files Browse the repository at this point in the history
  • Loading branch information
cyberpanda90 committed Feb 28, 2019
1 parent cb6efc2 commit 9f9aec1
Show file tree
Hide file tree
Showing 18 changed files with 247 additions and 72 deletions.
Binary file added fonts/icomoon.eot
Binary file not shown.
22 changes: 22 additions & 0 deletions fonts/icomoon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fonts/icomoon.ttf
Binary file not shown.
Binary file added fonts/icomoon.woff
Binary file not shown.
4 changes: 3 additions & 1 deletion html/gettingStarted.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,9 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">?</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
</header>
<div id="content" class="center">
<h1 class="mt-70">Let's get started</h1>
Expand Down
11 changes: 7 additions & 4 deletions html/history.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,20 +10,23 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">?</a>
<a class="red f-left change-mode" id="buttonChangeMode">&laquo; Back</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
<a class="f-left change-mode" id="buttonChangeMode"><span class="icon-angle-double-left"></span> <strong>Back</strong></a>
</header>
<div id="content">
<h2 id="sr"></h2>
<p class="px-15 mt-50">This is a history of previous imports during this session:</p>
<h2 class="mt-50 px-15">History</h2>
<p class="px-15">This is a history of previous imports during this session:</p>
<div class="table">
<table width="100%" id="apps">
</table>
</div>
</div>
<footer>
<span id="currentUser" class="o-6"></span>
<a class="red" id="buttonLogout">(Logout)</a>
<a id="buttonLogout" class="link no-decoration"><span class="icon-exit"></span> Sign out</a>
</footer>

<script type="module" src="history.mjs"></script>
Expand Down
71 changes: 71 additions & 0 deletions html/icon-style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?ezwh08');
src: url('../fonts/icomoon.eot?ezwh08#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?ezwh08') format('truetype'),
url('../fonts/icomoon.woff?ezwh08') format('woff'),
url('../fonts/icomoon.svg?ezwh08#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-star:before {
content: "\f005";
}
.icon-user:before {
content: "\f007";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-question-circle:before {
content: "\f059";
}
.icon-exclamation-triangle:before {
content: "\f071";
}
.icon-warning1:before {
content: "\f071";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-spinner2:before {
content: "\e97b";
}
.icon-power:before {
content: "\e9b5";
}
.icon-warning:before {
content: "\ea07";
}
.icon-exit:before {
content: "\ea14";
}
40 changes: 19 additions & 21 deletions html/imported.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,34 +10,32 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" class="f-right help">?</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
</header>
<div id="content" class="px-15 mt-30">
<div id="content" class="px-30 mt-50">
<h1>Voila! Your app has been imported successfully.</h1>
<p class="large">
The app has been imported successfully.
You can now find it in the <a class="link" href="https://www.integromat.com/apps">My Apps</a> section in Integromat.
</p>
<p class="mt-50">
<strong>NEXT STEPS:</strong><br>
<a class="link" href="https://docs.integromat.com/apps/integromat-importer/after-import">
Submit your app for review by following the instructions on this page
</a>. Once approved, your app will be made public and our users will be able to use the modules in their scenarios!
You can now find it in the <a class="link no-decoration" href="https://www.integromat.com/apps">My Apps</a> section in Integromat.
</p>
<p class="mt-50">
<strong class="ico red bolder">!</strong> While your app has been imported, the following issues need your attention: (Click to know about the cause as well
<h2 class="mt-50">1. Check that everything works well</h2>
<p class="mt-30">You can find your imported app in the <a href="https://www.integromat.com/apps" target="_blank" class="link no-decoration">My Apps</a> section in your Integromat Account. Build some test scenarios to verify that all modules are working correctly and as expected. You can edit the app directly from the web interface or use the <strong>recommended way</strong> - edit your app using the <a href="https://docs.integromat.com/apps/apps-sdk" target="_blank" class="link no-decoration"><strong>Apps SDK</strong></a>.</p>

<p class="mt-30">
<span class="icon-warning text-warning"></span> While your app has been imported, the following issues need your attention: (Click to know about the cause as well
as the fix)
</p>
</div>
<ol id='errors'>
</ol>
<div class="p-15 mt-30">
<p>
<strong>TIP FOR DEVELOPERS:</strong><br>
<a class="link" href="https://docs.integromat.com/apps/">Check out the apps documentation</a>
to learn how to expand the
functionality of your app to enable users to do even
more!
<ol id='errors' class="px-min-30">
</ol>
<h2 class="mt-50">2. Expand the functionality (optional)</h2>
<p class="mt-30">Integromat allows you to implement even more functions to your app than you've ever dreamed about. Using the <a href="https://docs.integromat.com/apps/apps-sdk" target="_blank" class="link no-decoration"><strong>Apps SDK</strong></a>, you can improve the functionality and offer even better integrations to your customers.</p>
<h2 class="mt-50">3. Apply for a review</h2>
<p class="mt-30">When you think your app is ready to be published, apply for an <strong>app review</strong>. You can read more about the review <a href="https://docs.integromat.com/apps/how-to-pass-an-app-review" target="_blank" class="link no-decoration"><strong>here</strong></a>.</p>
<strong class="mt-50 d-block">TIP FOR DEVELOPERS:</strong>
<a class="link" href="https://docs.integromat.com/apps/">Check out the apps documentation</a>
to learn how to expand the functionality of your app to enable users to do even more!
</p>
</div>
<script src="imported.js"></script>
Expand Down
8 changes: 6 additions & 2 deletions html/integromatLogin.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,14 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">?</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
</header>
<div id="content" class="center pb-20 px-15">
<h1 class="h-icon mt-70">&#9919;</h1>
<h1 class="h-icon mt-70">
<span class="icon-warning text-warning"></span>
</h1>
<p class="pb-20">
Whoops! It looks like you are not logged into Integromat.<br>
Please log in first and open the Importer again.
Expand Down
4 changes: 3 additions & 1 deletion html/landingPage.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,9 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">?</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
</header>
<div id="content" class="center">
<h1 class="mt-30">Let's create your API key</h1>
Expand Down
6 changes: 4 additions & 2 deletions html/loggedIn.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,9 @@
<a href="https://www.integromat.com" target="_blank">
<img src="https://static.integromat.com/img/logo2-dark.svg" height="30">
</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">?</a>
<a href="https://docs.integromat.com/apps/integromat-importer" id="howToLink" class="f-right help">
<span class="icon-question-circle"></span>
</a>
</header>
<div id="content" class="center pb-20">
<h1 class="mt-30" id="welcome">You are all set!</h1>
Expand All @@ -30,7 +32,7 @@ <h1 class="mt-30" id="welcome">You are all set!</h1>
</div>
<footer>
<span id="currentUser" class="o-6"></span>
<a class="red" id="buttonLogout">(Logout)</a>
<a id="buttonLogout" class="link no-decoration"><span class="icon-exit"></span> Sign out</a>
<button id="openHistory" class="btn xs secondary f-right">Open History</button>
</footer>
<script type="module" src="./loggedIn.mjs"></script>
Expand Down
Loading

0 comments on commit 9f9aec1

Please sign in to comment.