-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #277 from biothings/redesign
fix: 🔨 consistent headers
- Loading branch information
Showing
18 changed files
with
204 additions
and
272 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
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,9 @@ | ||
<script setup> | ||
const props = defineProps(["title", "subtitle"]); | ||
</script> | ||
<template> | ||
<div class="p-5 text-dde-dark text-center mt-5"> | ||
<h1>{{ title }}</h1> | ||
<h5 v-if="subtitle">{{ subtitle }}</h5> | ||
</div> | ||
</template> |
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
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
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
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
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
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
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
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
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 |
---|---|---|
@@ -1,81 +1,71 @@ | ||
<script setup> | ||
import validator_img from "@/assets/img/validator.svg"; | ||
import generator_img from "@/assets/img/generator.svg"; | ||
useHead({ | ||
title: "DDE | Registries", | ||
meta: [ | ||
{ | ||
name: "twitter:image", | ||
content: "https://i.postimg.cc/wTG3pgRY/featured.jpg", | ||
}, | ||
{ | ||
property: "og:image", | ||
content: "https://i.postimg.cc/wTG3pgRY/featured.jpg", | ||
}, | ||
{ | ||
property: "og:url", | ||
content: "http://discovery.biothings.io/registries", | ||
}, | ||
{ | ||
name: "twitter:url", | ||
content: "http://discovery.biothings.io/registries", | ||
}, | ||
{ | ||
property: "og:description", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
{ | ||
name: "description", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
{ | ||
name: "twitter:card", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
], | ||
}); | ||
</script> | ||
|
||
<template> | ||
<div | ||
class="jumbotron text-center d-flex justify-content-center align-items-center" | ||
style="min-height: 90vh" | ||
> | ||
<div class="p-2"> | ||
<div class="row m-0"> | ||
<div class="col-sm-12 text-center"> | ||
<img | ||
src="@/assets/img/dde-logo-o.svg" | ||
width="100" | ||
height="100" | ||
alt="DDE" | ||
/> | ||
<h3 class="text-muted caps">Validate and create great metadata</h3> | ||
<div class="min-100"> | ||
<Title title="Validate and Create Metadata"></Title> | ||
<div | ||
class="jumbotron bg-light d-flex justify-content-center align-items-center" | ||
> | ||
<div class="row m-0 w-100"> | ||
<div class="col-sm-6 jumbotron text-center bg-dde-dark"> | ||
<img :src="validator_img" width="150" alt="validate" /> | ||
<hr /> | ||
<router-link to="/validator" class="btn btn-light mainTextDark" | ||
>Validate your metadata against an existing schema | ||
<font-awesome-icon icon="fas fa-chevron-right" | ||
/></router-link> | ||
</div> | ||
<div class="col-sm-12 row m-0 opt-bg py-5"> | ||
<div class="col-sm-6 p-2"> | ||
<router-link to="/validator" class="btn btn-light mainTextDark" | ||
>Validate your metadata against an existing schema | ||
<font-awesome-icon icon="fas fa-chevron-right" | ||
/></router-link> | ||
</div> | ||
<div class="col-sm-6 p-2"> | ||
<router-link | ||
to="/markup-generator" | ||
class="btn btn-light mainTextLight" | ||
>Create new metadata based off an existing schema | ||
<font-awesome-icon icon="fas fa-chevron-right" | ||
/></router-link> | ||
</div> | ||
<div class="col-sm-6 jumbotron text-center bg-dde-mid"> | ||
<img :src="generator_img" width="150" alt="generate" /> | ||
<hr /> | ||
<router-link | ||
to="/markup-generator" | ||
class="btn btn-light mainTextLight" | ||
>Create new metadata based off an existing schema | ||
<font-awesome-icon icon="fas fa-chevron-right" | ||
/></router-link> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</template> | ||
|
||
<script> | ||
export default { | ||
name: "Registries", | ||
head() { | ||
return { | ||
title: "DDE | Registries", | ||
meta: [ | ||
{ | ||
name: "twitter:image", | ||
content: "https://i.postimg.cc/wTG3pgRY/featured.jpg", | ||
}, | ||
{ | ||
property: "og:image", | ||
content: "https://i.postimg.cc/wTG3pgRY/featured.jpg", | ||
}, | ||
{ | ||
property: "og:url", | ||
content: "http://discovery.biothings.io/registries", | ||
}, | ||
{ | ||
name: "twitter:url", | ||
content: "http://discovery.biothings.io/registries", | ||
}, | ||
{ | ||
property: "og:description", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
{ | ||
name: "description", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
{ | ||
name: "twitter:card", | ||
content: | ||
"Browse structured resource metadata or available namespaces and schemas on the DDE", | ||
}, | ||
], | ||
}; | ||
}, | ||
}; | ||
</script> |
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
Oops, something went wrong.