Commit f2cde4c1 authored by Dan Allen's avatar Dan Allen Committed by Guillaume Grossetie
Browse files

refine and optimize hero image

- take screenshot at larger resolution
- crop final image to optimize size
- rework dimensions for hero image
- hide icons in structure toolbar in hero image
- swap in new filetype icon for AsciiDoc in hero image
- reduce margin above hero image
- reduce width of hero image
parent a8b48135
......@@ -7,6 +7,7 @@
- Shutter (or smiliar) to take screenshots without the frame
- Firefox with dark color scheme
- Screenshot size: 2048x1152 (16/9)
* Hero screenshot size: 3840x2400 (16/10); then cropped to 2048x940
- Screenshots should not include border radius or drop-shadow
- Node 16
- `npm i`
......
......@@ -8,7 +8,7 @@ const __dirname = dirname(fileURLToPath(import.meta.url))
function getStyle(file) {
if (file.startsWith('man-page')) {
return `.content {
background-image: url("./img/${file}");
background-image: url(./img/${file});
padding-left: 16px;
padding-top: 16px;
background-color: #242424;
......@@ -21,14 +21,40 @@ function getStyle(file) {
}`
}
if (file.startsWith('intellij')) {
return `.content {
background-image: url("./img/${file}");
height: 1152px;
return `.frame {
height: 1280px;
width: 2048px;
}
.content {
background-image: url(./img/${file});
height: 1280px;
border-left: 3px solid #272727;
border-right: 3px solid #272727;
border-bottom: 3px solid #272727;
}
.content::before {
background: #f3f3f3;
content: "";
height: 32px;
left: 1870px;
position: absolute;
top: 60px;
width: 170px;
}
.content::after {
background: #fff url(./img/filetype-icon.png) no-repeat;
background-size: 100% auto;
content: "";
height: 26px;
left: 1707px;
position: absolute;
top: 103px;
width: 22px;
}
.header {
height: 50px;
background: linear-gradient(#2a2a2a, #262626);
......@@ -42,7 +68,7 @@ function getStyle(file) {
}`
}
return `.content {
background-image: url("./img/${file}");
background-image: url(./img/${file});
}`
}
......
{
"name": "asciidoc.org-images",
"name": "asciidoc.org-screenshots",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "asciidoc.org-images",
"name": "asciidoc.org-screenshots",
"version": "1.0.0",
"license": "EPL-2.0",
"devDependencies": {
......
......@@ -135,7 +135,7 @@ header .logo > img {
}
.main > .hero .content {
max-width: 1110px;
max-width: 1080px;
margin: auto;
display: flex;
flex-direction: column;
......@@ -150,7 +150,7 @@ header .logo > img {
}
.main > .hero .imageblock {
padding-top: 3rem;
padding-top: 2rem;
}
.main > .hero .imageblock > .content {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment