Skip to content

Commit 3d4f78d

Browse files
authored
Merge pull request #5 from workos/feature/update-logos-for-all-apps
Update logos for all apps
2 parents fcc5618 + 75a37f3 commit 3d4f78d

File tree

29 files changed

+102
-190
lines changed

29 files changed

+102
-190
lines changed
Loading

typescript-admin-portal-example/public/stylesheets/style.css

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
body {
32
font-family: Inter, sans-serif;
43
background-color: #f9f9fb;
@@ -228,12 +227,6 @@ div.text_box {
228227

229228
.logged_in_nav img {
230229
height: 50px;
231-
border-radius: 50%;
232-
border: 2px solid #2f2e2e;
233-
}
234-
235-
.logged_in_nav img:hover {
236-
border: 2px solid #555555;
237230
}
238231

239232
.nav-item {

typescript-admin-portal-example/views/index.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<body class="container_login">
99
<div class='flex_column'>
1010
<div class="flex heading_div">
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
<div class="heading_text_div">
13-
<h1>WorkOS</h1>
14-
</div>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613

1714
<h2>TypeScript Admin Portal Example App</h2>
Lines changed: 49 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,59 @@
11
<html>
2-
<head>
3-
<link rel="stylesheet" href="../public/stylesheets/style.css">
4-
</head>
5-
<body class="container_success">
6-
<div class="logged_in_nav">
7-
<div class="flex">
8-
<div>
9-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
10-
</div>
11-
<div class="flex">
12-
<p>WorkOS</p>
13-
</div>
14-
</div>
2+
3+
<head>
4+
<link rel="stylesheet" href="../public/stylesheets/style.css">
5+
</head>
6+
7+
<body class="container_success">
8+
<div class="logged_in_nav">
9+
<div class="flex">
1510
<div>
16-
<a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a>
17-
<a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API
18-
Reference</button></a>
19-
<a href="https://workos.com/blog" target="_blank"><button
20-
class='button nav-item blog-nav-button'>Blog</button></a>
21-
<a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
2212
</div>
2313
</div>
24-
<div class='flex'>
25-
<div class="logged_in_div_left">
26-
<div class="title-text">
27-
<h1>Your app,</h1>
28-
<h2 class="home-hero-gradient">Enterprise Ready</h2>
29-
</div>
30-
<div class="title-subtext">
31-
<p>Start selling to enterprise customers with just a few lines of code.</p>
32-
<p>Implement features like single sign-on in minutes instead of months.</p>
33-
</div>
34-
<div class="flex success-buttons">
35-
<a href="https://workos.com/signup" target="_blank"><button class='button'>Get Started</button></a>
36-
<a href="mailto:sales@workos.com?subject=WorkOS Sales Inquiry" target="_blank"><button
37-
class='button button-outline sales-button'>Contact
38-
Sales</button></a>
39-
</div>
14+
<div>
15+
<a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a>
16+
<a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API
17+
Reference</button></a>
18+
<a href="https://workos.com/blog" target="_blank"><button
19+
class='button nav-item blog-nav-button'>Blog</button></a>
20+
<a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a>
21+
</div>
22+
</div>
23+
<div class='flex'>
24+
<div class="logged_in_div_left">
25+
<div class="title-text">
26+
<h1>Your app,</h1>
27+
<h2 class="home-hero-gradient">Enterprise Ready</h2>
28+
</div>
29+
<div class="title-subtext">
30+
<p>Start selling to enterprise customers with just a few lines of code.</p>
31+
<p>Implement features like single sign-on in minutes instead of months.</p>
32+
</div>
33+
<div class="flex success-buttons">
34+
<a href="https://workos.com/signup" target="_blank"><button class='button'>Get Started</button></a>
35+
<a href="mailto:sales@workos.com?subject=WorkOS Sales Inquiry" target="_blank"><button
36+
class='button button-outline sales-button'>Contact
37+
Sales</button></a>
4038
</div>
41-
<div class="logged_in_div_right">
42-
<div class="flex_column">
43-
<h2>Which Admin Portal would you like to launch?</h2>
44-
<div class="flex">
45-
<div>
46-
<a href="/sso-admin-portal"><button class='button dsync_button'>Launch SSO</button></a>
47-
</div>
48-
<div class="sales-button"></div>
49-
<div>
50-
<a href="/dsync-admin-portal"><button class='button dsync_button'>Launch Directory Sync</button></a>
51-
</div>
39+
</div>
40+
<div class="logged_in_div_right">
41+
<div class="flex_column">
42+
<h2>Which Admin Portal would you like to launch?</h2>
43+
<div class="flex">
44+
<div>
45+
<a href="/sso-admin-portal"><button class='button dsync_button'>Launch SSO</button></a>
46+
</div>
47+
<div class="sales-button"></div>
48+
<div>
49+
<a href="/dsync-admin-portal"><button class='button dsync_button'>Launch Directory
50+
Sync</button></a>
5251
</div>
53-
5452
</div>
53+
5554
</div>
5655
</div>
57-
</body>
56+
</div>
57+
</body>
58+
5859
</html>
Loading

typescript-directory-sync-example/public/stylesheets/style.css

Lines changed: 1 addition & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -13,16 +13,6 @@ body {
1313
height: 90vh;
1414
}
1515

16-
.container_login img {
17-
height: 150px;
18-
}
19-
20-
.container_login h1 {
21-
font-size: 65px;
22-
color: #111111;
23-
position: relative;
24-
bottom: 10px;
25-
}
2616

2717
.flex {
2818
display: flex;
@@ -278,12 +268,6 @@ div.text_box {
278268

279269
.logged_in_nav img {
280270
height: 50px;
281-
border-radius: 50%;
282-
border: 2px solid #2f2e2e;
283-
}
284-
285-
.logged_in_nav img:hover {
286-
border: 2px solid #555555;
287271
}
288272

289273
.nav-item {
@@ -307,10 +291,7 @@ div.text_box {
307291
}
308292

309293
.workos-logo {
310-
position: relative;
311-
top: 38px;
312-
padding-right: 25px;
313-
height: 75px !important;
294+
height: 150px;
314295
}
315296

316297
.webhooks_container {

typescript-directory-sync-example/views/directory.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-directory-sync-example/views/group.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="/public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="/public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-directory-sync-example/views/groups.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="/public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="/public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-directory-sync-example/views/index.ejs

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,12 @@
88
<body class="container_login">
99
<div class='flex_column'>
1010
<div class="flex heading_div">
11-
<img class="workos-logo" src="../public/images/workos_logo.png" alt="workos logo">
12-
<div class="heading_text_div">
13-
<h1>WorkOS</h1>
14-
</div>
11+
<img class="workos-logo" src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613

1714
<h2>TypeScript Directory Sync Example App</h2>
1815
<form method="POST" action="/passwordless-auth">
19-
<div class='flex_column'>
16+
<div class='flex_column width-40vw'>
2017
<hr style="width:100%">
2118
<a href="/webhooks" class="button button-sm login_button button-outline">Test Webhooks</a>
2219
<hr style="width:100%">

typescript-directory-sync-example/views/user.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="/public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="/public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-directory-sync-example/views/webhooks.ejs

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="/public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>WorkOS</p>
11+
<img src="/public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>
@@ -56,7 +53,8 @@
5653
<a href="/webhooks" class="button button-sm button-outline">Clear</a>
5754
</div>
5855
<div id="clear_button" class="hidden">
59-
<a href="javascript:history.back()"><button class='button button-sm button-outline'>Back</button></a>
56+
<a href="javascript:history.back()"><button
57+
class='button button-sm button-outline'>Back</button></a>
6058
</div>
6159
</div>
6260
</div>

typescript-magic-link-example/public/css/styles.css

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -278,12 +278,6 @@ div.text_box {
278278

279279
.logged_in_nav img {
280280
height: 50px;
281-
border-radius: 50%;
282-
border: 2px solid #2f2e2e;
283-
}
284-
285-
.logged_in_nav img:hover {
286-
border: 2px solid #555555;
287281
}
288282

289283
.nav-item {
Loading
Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<html>
2-
<head>
3-
<link rel="stylesheet" href="../public/css/styles.css">
4-
</head>
5-
<body class="container_login">
6-
<div class='flex_column'>
7-
<div class="flex heading_div">
8-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
9-
<div class="heading_text_div">
10-
<h1>WorkOS</h1>
11-
</div>
12-
</div>
13-
<h2>Node.js Magic Link Example App</h2>
14-
<p>Check your email <%=email%> for your magic link!</p>
15-
<p>Check your email for your magic link!</p>
16-
<p><a href=<%=link%>><%=link%></a></p>
2+
3+
<head>
4+
<link rel="stylesheet" href="../public/css/styles.css">
5+
</head>
6+
7+
<body class="container_login">
8+
<div class='flex_column'>
9+
<div class="flex heading_div">
10+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1711
</div>
18-
</body>
12+
<h2>Node.js Magic Link Example App</h2>
13+
<p>Check your email <%=email%> for your magic link!</p>
14+
<p>Check your email for your magic link!</p>
15+
<p><a href=<%=link%>><%=link%></a></p>
16+
</div>
17+
</body>
18+
1919
</html>

typescript-magic-link-example/views/index.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<body class="container_login">
99
<div class='flex_column'>
1010
<div class="flex heading_div">
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
<div class="heading_text_div">
13-
<h1>WorkOS</h1>
14-
</div>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
<h2>TypeScript Magic Link Example App</h2>
1714
<form method="POST" action="/passwordless-auth">

typescript-magic-link-example/views/login_successful.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>Magic Link Example App</p>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-mfa-example/public/css/styles.css

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -280,12 +280,6 @@ div.text_box {
280280

281281
.logged_in_nav img {
282282
height: 50px;
283-
border-radius: 50%;
284-
border: 2px solid #2f2e2e;
285-
}
286-
287-
.logged_in_nav img:hover {
288-
border: 2px solid #555555;
289283
}
290284

291285
.nav-item {
Loading

typescript-mfa-example/views/challenge_factor.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>MFA Example App</p>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-mfa-example/views/challenge_success.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="../public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>MFA Example App</p>
11+
<img src="../public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

typescript-mfa-example/views/enroll_factor.ejs

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,7 @@
88
<div class="logged_in_nav">
99
<div class="flex">
1010
<div>
11-
<img src="public/images/workos_logo_new.png" alt="workos logo">
12-
</div>
13-
<div class="flex">
14-
<p>MFA Example App</p>
11+
<img src="public/images/workos-logo-with-text.png" alt="workos logo">
1512
</div>
1613
</div>
1714
<div>

0 commit comments

Comments
 (0)