-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add custom index page to the ord-sample
- Loading branch information
1 parent
97e7fba
commit 2ca9fc6
Showing
2 changed files
with
251 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,132 @@ | ||
| body { | ||
| font-family: Avenir Next, sans-serif; | ||
| background: #f8fbff; | ||
| } | ||
|
|
||
| body #welcome { | ||
| margin: 30px auto 50px; | ||
| padding: 0 30px; | ||
| max-width: 900px; | ||
| } | ||
|
|
||
| body #welcome h1, #welcome h3, #welcome h2, #welcome p { | ||
| margin: 20px 0; | ||
| color: #47637d; | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| body #welcome h3.header { | ||
| margin: 20px 0 0 0; | ||
| background-color: #537492; | ||
| color: white; | ||
| } | ||
|
|
||
| body #welcome h3 a { | ||
| color: inherit; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| body #welcome h3 a span { | ||
| padding: 5px 15px; | ||
| font-weight: 300; | ||
| transition: all 0.2s ease-in; | ||
| } | ||
|
|
||
| body #welcome h3 a:first-child span { | ||
| display: inline-block; | ||
| padding: 5px 15px; | ||
| } | ||
|
|
||
| body #welcome h3 a span:hover { | ||
| color: #92b2d0; | ||
| } | ||
|
|
||
| body #welcome ul { | ||
| margin: 0; | ||
| background: #91adc5; | ||
| list-style-type: none; | ||
| padding-inline-start: 20px; | ||
| } | ||
|
|
||
| body #welcome li { | ||
| display: inline-grid; | ||
| grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); | ||
| width: 100%; | ||
| margin-bottom: 1px; | ||
| background-color: #d0e9ff; | ||
| padding: 0; | ||
| /* | ||
| -moz-transition: background color 0.2s ease-in; | ||
| -webkit-transition: background 0.2s ease-in; | ||
| -o-transition: background 0.2s ease-in; | ||
| /* Standard */ | ||
| transition: all 0.1s ease-in; | ||
| } | ||
|
|
||
| body #welcome ul li div:not(:first-child) a { | ||
| font-weight: 300; | ||
| } | ||
|
|
||
| body #welcome a { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| body #welcome li a, body #welcome li > span { | ||
| padding: 4px 10px; | ||
| font-weight: 500; | ||
| color: #1d5985; | ||
| transition: all 0.1s ease-in; | ||
| } | ||
| body #welcome li.operation span { | ||
| font-style: italic; | ||
| } | ||
|
|
||
| body #welcome li a span:hover { | ||
| color: #f0faff; | ||
| background-color: #a7c8e1; | ||
| } | ||
|
|
||
| body #welcome .preview { | ||
| font-size: small; | ||
| } | ||
|
|
||
| footer { | ||
| border-top: .5px solid; | ||
| margin-top: 44px; | ||
| padding-top: 22px; | ||
| width: 400px; | ||
| font-size: 90%; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: dark) { | ||
| body { background: #0a2138; } | ||
|
|
||
| body #welcome h1, #welcome h3, #welcome h2, #welcome p { | ||
| color: #a6c1d9; | ||
| } | ||
| body #welcome h3 a { | ||
| color: #e2efff; | ||
| } | ||
| body #welcome ul { | ||
| background: #7894ad; | ||
| } | ||
| body #welcome li { | ||
| background-color: #506d88; | ||
| } | ||
| body #welcome li a, body #welcome li:hover div:not(:first-child) a, body #welcome li > span { | ||
| color: #d0e4f2; | ||
| } | ||
| body #welcome li a:hover { | ||
| color: white; | ||
| background-color: #7894ad; | ||
| } | ||
|
|
||
| body #welcome h3.header { | ||
| background-color: #304c65; | ||
| } | ||
|
|
||
| footer { | ||
| border-top: .5px solid #456; | ||
| color: #567; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <link rel="stylesheet" type="text/css" href="index.css"> | ||
| <head> | ||
| <title>@capire/ord-sample 1.0.0</title> | ||
| <meta name="color-scheme" content="dark light"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| </head> | ||
| <body> | ||
| <div id="welcome"> | ||
| <h1> Welcome to the @capire/ord-sample 1.0.0 </h1> | ||
| <p class="subtitle"> Serving @capire/ord-sample 1.0.0 </p> | ||
|
|
||
| <p> These are the paths currently served:</p> | ||
|
|
||
| <h2> Web Applications: </h2> | ||
| <ul> | ||
| — none — | ||
| </ul> | ||
|
|
||
| <h2> Service Endpoints: </h2> | ||
|
|
||
| <div id="sap_capire_incidents_localservice-odata"> | ||
| <h3 class="header"> | ||
| <a href="/odata/v4/local"><span>/odata/v4/local</span></a><span>/</span> <a href="/odata/v4/local/$metadata"><span>$metadata</span></a> | ||
| </h3> | ||
| <ul> | ||
| </ul> | ||
| <ul> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div id="processorservice-odata"> | ||
| <h3 class="header"> | ||
| <a href="/odata/v4/processor"><span>/odata/v4/processor</span></a><span>/</span> <a href="/odata/v4/processor/$metadata"><span>$metadata</span></a> | ||
| </h3> | ||
| <ul> | ||
| <li id="processorservice-odata-incidents"> | ||
| <div> | ||
| <a href="/odata/v4/processor/Incidents"><span>Incidents</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/ProcessorService/Incidents#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="processorservice-odata-customers"> | ||
| <div> | ||
| <a href="/odata/v4/processor/Customers"><span>Customers</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/ProcessorService/Customers#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="processorservice-odata-urgency"> | ||
| <div> | ||
| <a href="/odata/v4/processor/Urgency"><span>Urgency</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/ProcessorService/Urgency#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="processorservice-odata-status"> | ||
| <div> | ||
| <a href="/odata/v4/processor/Status"><span>Status</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/ProcessorService/Status#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| </ul> | ||
| <ul> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div id="adminservice-odata"> | ||
| <h3 class="header"> | ||
| <a href="/odata/v4/admin"><span>/odata/v4/admin</span></a><span>/</span> <a href="/odata/v4/admin/$metadata"><span>$metadata</span></a> | ||
| </h3> | ||
| <ul> | ||
| <li id="adminservice-odata-customers"> | ||
| <div> | ||
| <a href="/odata/v4/admin/Customers"><span>Customers</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/AdminService/Customers#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="adminservice-odata-incidents"> | ||
| <div> | ||
| <a href="/odata/v4/admin/Incidents"><span>Incidents</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/AdminService/Incidents#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="adminservice-odata-urgency"> | ||
| <div> | ||
| <a href="/odata/v4/admin/Urgency"><span>Urgency</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/AdminService/Urgency#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| <li id="adminservice-odata-status"> | ||
| <div> | ||
| <a href="/odata/v4/admin/Status"><span>Status</span></a> | ||
| </div> | ||
| <div><a href="/$fiori-preview/AdminService/Status#preview-app"><span class="preview" title="Preview in Fiori elements">Fiori preview</span></a></div> | ||
| </li> | ||
| </ul> | ||
| <ul> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div id="ord"> | ||
| <h3 class="header"> | ||
| <a href="/.well-known/open-resource-discovery"><span>/.well-known/open-resource-discovery</span></a> | ||
| </h3> | ||
| <ul> | ||
| <li id="open-resource-discovery-document-1"> | ||
| <div> | ||
| <a href="/open-resource-discovery/v1/documents/1"><span>Document 1</span></a> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| <ul> | ||
| </ul> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <script src="http://127.0.0.1:61684/livereload.js?snipver=1" async="" defer=""></script></body> | ||
| </html> |