Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update the UI of the demo app to be the wiremock branding. #4

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified src/main/resources/public/assets/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions src/main/resources/static/css/stylesheet.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ p {
}

a {
color: #40904D;
color: #2c69f6;
}

nav a {
Expand Down Expand Up @@ -99,7 +99,7 @@ nav ul li, nav ol li {
font-size: 1em;
font-weight: 600;
border: none;
background-color: #40904D;
background-color: #2c69f6;
}

.header-nav__cta a {
Expand Down Expand Up @@ -142,7 +142,7 @@ nav ul li, nav ol li {
font-family: Cairo,sans-serif;
font-weight: bold;
font-size: 1em;
color: #40904D;
color: #2c69f6;
border: none;
cursor: pointer;
}
Expand Down
Binary file not shown.
Binary file added src/main/resources/static/images/wm_cloud.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions src/main/resources/templates/index.mustache
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

<div class="content">

<img src="/images/mocklab_logo_with_text.png" alt="MockLab logo" style="width: 500px"/>
<img src="/images/wm_cloud.png" alt="Wiremock logo" style="width: 500px"/>

<h1>All Demos</h1>

Expand All @@ -14,7 +14,7 @@
<a href="/todo" title="To Do list">To do list</a>
</p>

<p>The source code for this application can be found on <a href="https://github.com/mocklab/mocklab-demo-app" title="Source code">GitHub</a></p>
<p>The source code for this application can be found on <a href="https://github.com/wiremock/wiremock-cloud-demo-app" title="Source code">GitHub</a></p>
</div>

{{/layout}}
8 changes: 4 additions & 4 deletions src/main/resources/templates/layout.mustache
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@
<link rel="stylesheet" type="text/css" href="/css/stylesheet.css">
<link rel="icon" type="image/x-icon" href="/assets/favicon.png" />

<title>MockLab Demo App</title>
<title>Wiremock Demo App</title>
</head>

<body>
<nav class="header-nav sticky">
<ul class="header-nav__container">
<li class="header-nav__logo">
<a href="/">
<img src="/images/mocklab_logo_with_text.png" title="MockLab logo">
<img src="/images/wm_cloud.png" title="Wiremock logo">
</a>
</li>

Expand All @@ -22,7 +22,7 @@
</li>

<li class="header-nav__item">
<a href="https://github.com/mocklab/mocklab-demo-app" title="Demo app source code">
<a href="https://github.com/wiremock/wiremock-cloud-demo-app" title="Demo app source code">
<img src="/images/GitHub-Mark-64px.png" alt="GitHub logo" style="height: 20px; vertical-align: middle; margin-right: 3px"/>
Source code
</a>
Expand All @@ -36,7 +36,7 @@
</li>

<li class="header-nav__cta">
<a href="https://app.mocklab.io/login?for=signup" title="Sign up" target="_blank">Sign up to MockLab</a>
<a href="https://www.wiremock.io/product?utm_source=wiremock_demo_app&utm_medium=referral&utm_campaign=masthead" title="Sign up" target="_blank">Sign up to Wiremock</a>
</li>
</ul>

Expand Down
4 changes: 2 additions & 2 deletions src/main/resources/templates/login.mustache
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<h1>OAuth2 / OpenID Connect Login Demo</h1>

<p>
This demo showcases MockLab's simulation of a generic OAuth2 / OpenID Connect login provider.
This demo showcases Wiremock's simulation of a generic OAuth2 / OpenID Connect login provider.
</p>

<div id="real-mock-toggle">
Expand All @@ -16,7 +16,7 @@
Sign in with the real Google login flow.
{{/real}}
{{^real}}
Sign in from the MockLab simulation using an OpenID Connect flow compatible with Google's.
Sign in from the Wiremock simulation using an OpenID Connect flow compatible with Google's.
{{/real}}
</p>
<p>
Expand Down
6 changes: 3 additions & 3 deletions src/main/resources/templates/paypal.mustache
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!doctype html>
<html>
<head>
<title>MockLab - Paypal Checkout Demo</title>
<title>Wiremock - Paypal Checkout Demo</title>
<link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"/>
<link rel="icon" type="image/x-icon" href="/assets/favicon.png" />
<script src="/assets/jquery-3.2.1.js"></script>
Expand Down Expand Up @@ -29,9 +29,9 @@

#message {
padding: 5px;
border: 1px solid green;
border: 1px solid #2c69f6;
margin-bottom: 2rem;
color: green;
color: #2c69f6;
}

.message--hidden {
Expand Down
8 changes: 4 additions & 4 deletions src/main/resources/templates/todo.mustache
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!doctype html>
<html>
<head>
<title>MockLab - To Do List Demo</title>
<title>Wiremock - To Do List Demo</title>

<link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"/>
<link rel="icon" type="image/x-icon" href="/assets/favicon.png" />
Expand Down Expand Up @@ -67,7 +67,7 @@

#submit-new-item-button {
color: #fff;
background: #036334;
background: #2c69f6;
border: none;
border-radius: 5px;
padding: 0.8rem;
Expand All @@ -77,9 +77,9 @@

#message {
padding: 5px;
border: 1px solid green;
border: 1px solid #2c69f6;
margin-bottom: 2rem;
color: green;
color: #2c69f6;
}
</style>

Expand Down