Skip to content

Commit 91ae8c6

Browse files
AaronAsAChimpAaronAsAChimp
committed
Pull the title and subtitle of the web application from the package.json
1 parent 49e8e30 commit 91ae8c6

10 files changed

+33
-10
lines changed

‎docs/css/main.1cb00d4a310b8228baed.css‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎docs/css/main.1cb00d4a310b8228baed.css.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/css/main.25a5ab0cc6370c0917e6.css‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/main.25a5ab0cc6370c0917e6.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html><head><meta charset="utf-8"><title>image-lint - 3.0.0-beta.0</title><meta name="description" content="Find files that are incorrectly named or compressed."><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="js/runtime.6c7ecc209db0d975be4d.js"></script><script defer="defer" src="js/vendors.0f6c888e6eb2b14e81c2.js"></script><script defer="defer" src="js/main.20881880eb622a126f3e.js"></script><link href="css/main.1cb00d4a310b8228baed.css" rel="stylesheet"></head><body></body></html>
1+
<!doctype html><html><head><meta charset="utf-8"><title>image-lint - 3.0.0-beta.0</title><meta name="description" content="Find files that are incorrectly named or compressed."><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="js/runtime.6c7ecc209db0d975be4d.js"></script><script defer="defer" src="js/vendors.0f6c888e6eb2b14e81c2.js"></script><script defer="defer" src="js/main.83d7c87b9293e0cc144b.js"></script><link href="css/main.25a5ab0cc6370c0917e6.css" rel="stylesheet"></head><body></body></html>

‎docs/js/main.20881880eb622a126f3e.js‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎docs/js/main.20881880eb622a126f3e.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/js/main.83d7c87b9293e0cc144b.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/js/main.83d7c87b9293e0cc144b.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎image-lint-web/web/components/app.vue‎

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ import {reactive} from 'vue';
33
import GithubButton from 'vue-github-button';
44
import ImageLint from 'image-lint';
55
6+
import packageJson from '../../../image-lint/package.json';
7+
68
import 'vue-multiselect/dist/vue-multiselect.css';
79
810
export default {
@@ -15,6 +17,9 @@ export default {
1517
options.color_space = options.color_space.split(',');
1618
1719
return {
20+
'name': packageJson.name,
21+
'version': packageJson.version,
22+
'description': packageJson.description,
1823
'support': {},
1924
'available': {
2025
'color_space': ['G', 'RGB', 'CMYK', 'YCbCr', 'YCCK', 'LAB', 'HSV']
@@ -34,10 +39,11 @@ export default {
3439
<template>
3540
<div>
3641
<header class="lint-header">
37-
<h1 class="lint-title">image-lint</h1>
38-
<h2 class="lint-subtitle">Find broken or poorly compressed images.</h2>
42+
<h1 class="lint-title">{{ name }}</h1>
43+
<span class="lint-version">v{{ version }}</span>
44+
<h2 class="lint-subtitle">{{ description }}</h2>
3945

40-
<github-button href="https://github.com/aaronasachimp/image-lint" data-size="large" data-show-count="true" aria-label="Star aaronasachimp/image-lint on GitHub">Star</github-button>
46+
<github-button class="github-button" href="https://github.com/aaronasachimp/image-lint" data-size="large" data-show-count="true" aria-label="Star aaronasachimp/image-lint on GitHub">Star</github-button>
4147
</header>
4248
<form class="image-lint-app">
4349
<div class="pane pane-options">
@@ -108,6 +114,10 @@ export default {
108114
.lint-header {
109115
display: grid;
110116
grid-template-columns: auto 1fr auto;
117+
grid-template-rows: auto 1fr;
118+
grid-template-areas:
119+
"title desc button"
120+
"version desc button";
111121
align-items: baseline;
112122
}
113123
@@ -116,13 +126,26 @@ export default {
116126
font-weight: 300;
117127
font-size: 36px;
118128
margin: 0;
129+
grid-area: title;
119130
}
120131
121132
.lint-subtitle {
122133
display: inline-block;
123134
font-weight: 300;
124135
font-size: 18px;
125136
margin: 0 0 0 15px;
137+
grid-area: desc;
138+
}
139+
140+
.lint-version {
141+
font-size: 0.8em;
142+
grid-area: version;
143+
justify-self: end;
144+
}
145+
146+
.github-button {
147+
grid-area: button;
148+
align-self: center;
126149
}
127150
128151
.lint-options-title {

0 commit comments

Comments
 (0)