diff --git a/static/chat.html b/static/chat.html new file mode 100644 index 0000000..f967d67 --- /dev/null +++ b/static/chat.html @@ -0,0 +1,88 @@ + + + + + + AI Warp + + +
+ + + +
+ +

+ + + + diff --git a/static/images/avatars/platformatic.svg b/static/images/avatars/platformatic.svg new file mode 100644 index 0000000..7d2aa8f --- /dev/null +++ b/static/images/avatars/platformatic.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/static/images/avatars/you.svg b/static/images/avatars/you.svg new file mode 100644 index 0000000..a43cf22 --- /dev/null +++ b/static/images/avatars/you.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/images/icons/arrow-long-right.svg b/static/images/icons/arrow-long-right.svg new file mode 100644 index 0000000..8edddae --- /dev/null +++ b/static/images/icons/arrow-long-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/images/icons/checkmark.svg b/static/images/icons/checkmark.svg new file mode 100644 index 0000000..a823d62 --- /dev/null +++ b/static/images/icons/checkmark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/images/icons/copy.svg b/static/images/icons/copy.svg new file mode 100644 index 0000000..255a481 --- /dev/null +++ b/static/images/icons/copy.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/images/icons/edit.svg b/static/images/icons/edit.svg new file mode 100644 index 0000000..74bd085 --- /dev/null +++ b/static/images/icons/edit.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/images/icons/regenerate.svg b/static/images/icons/regenerate.svg new file mode 100644 index 0000000..b6a5104 --- /dev/null +++ b/static/images/icons/regenerate.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/images/main-illustration.svg b/static/images/main-illustration.svg new file mode 100644 index 0000000..0f2c8b8 --- /dev/null +++ b/static/images/main-illustration.svg @@ -0,0 +1,246 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/images/platformatic-logo.svg b/static/images/platformatic-logo.svg new file mode 100644 index 0000000..645b334 --- /dev/null +++ b/static/images/platformatic-logo.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/static/index.html b/static/index.html index f967d67..fabb2d9 100644 --- a/static/index.html +++ b/static/index.html @@ -4,85 +4,90 @@ AI Warp + + + -
- - - + -

- - +

icons

+ + + + + +

avatars

+ + + diff --git a/static/styles/common.css b/static/styles/common.css new file mode 100644 index 0000000..6234d4a --- /dev/null +++ b/static/styles/common.css @@ -0,0 +1,17 @@ +body { + background-color: #00050B; + padding: 0; + margin: 0; + color: white; +} + +#navbar { + padding-top: 5px; + padding-bottom: 5px; + width: 100%; + border-bottom: 2px solid #FFFFFF26; +} + +#navbar-logo { + padding-left: 60px; +} diff --git a/static/styles/index.css b/static/styles/index.css new file mode 100644 index 0000000..a99a19e --- /dev/null +++ b/static/styles/index.css @@ -0,0 +1,79 @@ +#main-illustration { + margin-top: 60px; + width: 100%; + text-align: center; + position: absolute; +} + +#greeting { + padding-top: 450px; + text-align: center; +} + +#prompt-suggestions { + width: 50%; + margin-left: 25%; + padding-top: 100px; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.prompt-suggestion { + border: 1px solid #FFFFFF4D; + border-radius: 4px; + margin: 8px; + margin-left: 12px; + width: 45%; +} + +.prompt-suggestion p { + margin-left: 8px; + margin-right: 8px; +} + +.prompt-suggestion-title { + margin-top: 8px; +} + +.prompt-suggestion-subtitle { + color: #FFFFFFB2; + margin-bottom: 8px; +} + +.prompt-suggestion-subtitle a { + float: right; +} + +#prompt-input { + width: 50%; + display: flex; + margin-top: 50px; + margin-left: 25%; + justify-content: center; +} + +#prompt-input input { + width: 90%; + background-color: rgba(0, 0, 0, 0); + color: #FFFFFF; + padding: 10px; + border: 1px solid #FFFFFFB2; + border-radius: 4px; +} + +#see-docs { + margin-top: 30px; + text-align: center; +} + +#see-docs a { + padding-top: 12px; + padding-bottom: 12px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid #FFFFFFB2; + border-radius: 4px; + text-decoration: none; + color: #FFFFFF; +}