diff --git a/web/static/img/bitbucket-icon.svg b/web/static/img/bitbucket-icon.svg new file mode 100644 index 00000000..72f4eb10 --- /dev/null +++ b/web/static/img/bitbucket-icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/web/static/img/coreos-icon.svg b/web/static/img/coreos-icon.svg new file mode 100644 index 00000000..b3a0c6c1 --- /dev/null +++ b/web/static/img/coreos-icon.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/web/static/img/email-icon.svg b/web/static/img/email-icon.svg new file mode 100644 index 00000000..54660253 --- /dev/null +++ b/web/static/img/email-icon.svg @@ -0,0 +1,14 @@ + + + + +Rectangle 290 + Rectangle 291 + Path 232 +Created with Sketch. + + + diff --git a/web/static/img/github-icon.svg b/web/static/img/github-icon.svg new file mode 100644 index 00000000..5d607282 --- /dev/null +++ b/web/static/img/github-icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/web/static/img/google-icon.svg b/web/static/img/google-icon.svg new file mode 100644 index 00000000..4f1a6f77 --- /dev/null +++ b/web/static/img/google-icon.svg @@ -0,0 +1,25 @@ + + + + Shape + g+ + Created with Sketch. + + + + + + + + + + + + + + + + + + + + diff --git a/web/static/main.css b/web/static/main.css index e69de29b..931455b5 100644 --- a/web/static/main.css +++ b/web/static/main.css @@ -0,0 +1,115 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +.dex-container { + color: #333; + margin: 45px auto; + max-width: 500px; + min-width: 320px; + text-align: center; +} + +.dex-btn { + border-radius: 4px; + border: 0; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.25); + cursor: pointer; + font-size: 16px; + padding: 0; +} + +.dex-btn:focus { + outline: none; +} + +.dex-btn:active { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + outline: none; +} + +.dex-btn-provider { + background-color: #fff; + color: #333; + width: 250px; +} + +.dex-btn-provider:hover { + color: #999; +} + +.dex-btn-icon { + background-position: center; + background-repeat: no-repeat; + background-size: 24px; + border-radius: 4px 0 0 4px; + float: left; + height: 36px; + margin-right: 5px; + width: 36px; +} + +.dex-btn-icon--google { + background-color: #DB4437; + background-image: url(../static/img/google-icon.svg);; +} +.dex-btn-icon--local { + background-color: #84B6EF; + background-image: url(../static/img/email-icon.svg); +} + +.dex-btn-icon--coreos { + /* B&W CoreOS SVG logo */ + background-image: url(../static/img/coreos-icon.svg); +} + +.dex-btn-icon--github { + background-color: #F5F5F5; + background-image: url(../static/img/github-icon.svg); +} + +.dex-btn-icon--bitbucket { + background-color: #205081; + background-image: url(../static/img/bitbucket-icon.svg); +} + +.dex-btn-text { + font-weight: 600; + line-height: 36px; + padding: 6px 12px; + text-align: center; +} + +.dex-subtle-text { + color: #999; + font-size: 12px; +} + +.dex-seperator { + color: #999; +} + +.dex-list { + color: #999; + display: inline-block; + font-size: 12px; + list-style: circle; + text-align: left; +} + +.dex-error-box { + background-color: #DD1327; + color: #fff; + font-size: 14px; + font-weight: normal; + max-width: 320px; + padding: 4px 0; +} + +.dex-error-box { + margin: 20px auto; +} diff --git a/web/templates/approval.html b/web/templates/approval.html index 076049c0..bfcd6bd3 100644 --- a/web/templates/approval.html +++ b/web/templates/approval.html @@ -1,37 +1,35 @@ {{ template "header.html" . }} -
-

Grant Access

+
+

Grant Access

-
-
-
{{ .Client }} would like to:
+
+
+
{{ .Client }} would like to:
+
    {{ range $scope := .Scopes }} -
  • -
    - {{ $scope }} -
    -
    • +
  • {{ $scope }}
    • {{ end }} +
-
+
-
+
-
-
+
-
diff --git a/web/templates/header.html b/web/templates/header.html index 79438ec4..53803311 100644 --- a/web/templates/header.html +++ b/web/templates/header.html @@ -6,237 +6,15 @@ {{ issuer }} - - + - -