luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #280 from rtfpessoa/fix-website

Browse source 
clean: Tweak users section to avoid margin issues
This commit is contained in:
Rodrigo Fernandes 2020-01-12 02:25:50 +00:00 committed by GitHub
commit de3d404dfe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 339 additions and 280 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.github/workflows/website.yml vendored
View file

@ -62,4 +62,5 @@ jobs:
AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }} AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
run: | run: |
cd website cd website
aws s3 sync . s3://diff2html.xyz --region eu-west-1 aws s3 sync --region eu-west-1 --delete . s3://diff2html.xyz --metadata-directive REPLACE --cache-control max-age=31557600
aws cloudfront create-invalidation --region eu-west-1 --distribution-id ${{ secrets.AWS_CF_DISTRIBUTION_ID }} --paths '/index.html /demo.html'

61
webpack.website.ts
View file

@ -30,21 +30,6 @@ const config: webpack.Configuration[] = pages.map(page => {
use: 'ts-loader', use: 'ts-loader',
exclude: /node_modules/, exclude: /node_modules/,
}, },
{
test: /\.handlebars$/,
loader: 'handlebars-loader',
options: {
precompileOptions: {
knownHelpersOnly: false,
},
helperDirs: [path.join(__dirname, 'website/templates/helpers')],
partialDirs: [path.join(__dirname, 'website/templates')],
},
},
{
test: /\.(css)$/,
use: [MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { importLoaders: 1 } }, 'postcss-loader'],
},
{ {
test: /\.(html)$/, test: /\.(html)$/,
use: { use: {
@ -55,30 +40,26 @@ const config: webpack.Configuration[] = pages.map(page => {
}, },
}, },
{ {
test: /\.woff(2)?(\?v=\d\.\d\.\d)?$/, test: /\.handlebars$/,
use: [ loader: 'handlebars-loader',
{
loader: 'url-loader',
options: { options: {
limit: 1000, inlineRequires: '/images/',
mimetype: 'application/font-woff', precompileOptions: {
knownHelpersOnly: false,
}, },
helperDirs: [path.join(__dirname, 'website/templates/helpers')],
partialDirs: [path.join(__dirname, 'website/templates')],
}, },
],
}, },
{ {
test: /\.(ttf|eot|svg)(\?v=\d\.\d\.\d)?$/, test: /\.(gif|png|jpe?g|webp)$/i,
loader: 'file-loader',
},
{
test: /\.(jpeg|jpg|png|gif)$/,
use: [ use: [
{ {
loader: 'file-loader', loader: 'file-loader',
options: { options: {
name: '[name].[ext]', name: '[name].[ext]?[hash]',
outputPath: 'images/', outputPath: 'images',
useRelativePath: true, esModule: false,
}, },
}, },
{ {
@ -105,6 +86,26 @@ const config: webpack.Configuration[] = pages.map(page => {
}, },
], ],
}, },
{
test: /\.(css)$/,
use: [MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { importLoaders: 1 } }, 'postcss-loader'],
},
{
test: /\.woff(2)?(\?v=\d\.\d\.\d)?$/,
use: [
{
loader: 'url-loader',
options: {
limit: 1000,
mimetype: 'application/font-woff',
},
},
],
},
{
test: /\.(ttf|eot|svg)(\?v=\d\.\d\.\d)?$/,
loader: 'file-loader',
},
], ],
}, },
plugins: [ plugins: [

207
website/templates/pages/index/content.handlebars
View file

@ -12,7 +12,7 @@
</div> </div>
<div class="container has-text-centered"> <div class="container has-text-centered">
<figure class="image"> <figure class="image">
<img class="hero-img" src="images/snapshot-3.png" <img class="hero-img" src="./images/snapshot-3.png"
alt="Diff2Html pretty html side-by-side example render"> alt="Diff2Html pretty html side-by-side example render">
</figure> </figure>
</div> </div>
@ -72,7 +72,7 @@
<span class="button clipboard" data-clipboard-text="npm install diff2html" title="Copy">Copy</span> <span class="button clipboard" data-clipboard-text="npm install diff2html" title="Copy">Copy</span>
</div> </div>
<p> <p>
<a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank"> <a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank" rel="noopener" rel="noreferrer">
Find usage examples in the Docs Find usage examples in the Docs
</a> </a>
</p> </p>
@ -85,7 +85,8 @@
<div class="column"> <div class="column">
<h4 class="title is-size-4 is-spaced"><strong>With command line integration</strong></h4> <h4 class="title is-size-4 is-spaced"><strong>With command line integration</strong></h4>
<p>We work hard to make sure you can have your diffs in a simple and flexible <p>We work hard to make sure you can have your diffs in a simple and flexible
way. Go here for the <a href="https://github.com/rtfpessoa/diff2html-cli" target="_blank"></a>full way. Go here for the <a href="https://github.com/rtfpessoa/diff2html-cli" target="_blank"
rel="noopener" rel="noreferrer"></a>full
documentation</a>. documentation</a>.
</p> </p>
</div> </div>
@ -116,252 +117,310 @@
<div id="users" class="container"> <div id="users" class="container">
<h4 class="title is-size-4 is-spaced"><strong>Projects using diff2html</strong></h4> <h4 class="title is-size-4 is-spaced"><strong>Projects using diff2html</strong></h4>
<div class="columns is-desktop is-multiline"> <div class="columns is-desktop is-multiline">
<div class="column is-one-quarter-widescreen box"> <div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">diff2html-cli</p> <p class="is-size-5 has-text-weight-bold">diff2html-cli</p>
</header> </header>
<section> <section class="media-content">
<p>diff2html from your terminal to the browser.</p> <p>diff2html from your terminal to the browser.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/rtfpessoa/diff2html-cli" target="_blank">View GitHub</a> <a href="https://github.com/rtfpessoa/diff2html-cli" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Codacy</p> <p class="is-size-5 has-text-weight-bold">Codacy</p>
</header> </header>
<section> <section class="media-content">
<p>Check code style, security, duplication, complexity and coverage on every change.</p> <p>Check code style, security, duplication, complexity and coverage on every change.</p>
</section> </section>
<footer> <footer>
<a href="https://www.codacy.com" target="_blank">Website</a> <a href="https://www.codacy.com" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Ungit</p> <p class="is-size-5 has-text-weight-bold">Ungit</p>
</header> </header>
<section> <section class="media-content">
<p>The easiest way to use git. On any platform. Anywhere.</p> <p>The easiest way to use git. On any platform. Anywhere.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/FredrikNoren/ungit" target="_blank">View GitHub</a> <a href="https://github.com/FredrikNoren/ungit" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Diffy</p> <p class="is-size-5 has-text-weight-bold">Diffy</p>
</header> </header>
<section> <section class="media-content">
<p>Share your diffs and explain your ideas without committing.</p> <p>Share your diffs and explain your ideas without committing.</p>
</section> </section>
<footer> <footer>
<a href="https://diffy.org/" target="_blank">Website</a> <a href="https://diffy.org/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Jenkins</p> <p class="is-size-5 has-text-weight-bold">Jenkins</p>
</header> </header>
<section> <section class="media-content">
<p>Show diffs between builds</p> <p>Show diffs between builds</p>
</section> </section>
<footer> <footer>
<a href="https://wiki.jenkins-ci.org/display/JENKINS/Last+Changes+Plugin" <a href="https://wiki.jenkins-ci.org/display/JENKINS/Last+Changes+Plugin" target="_blank"
target="_blank">Website</a> rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">jest-stare</p> <p class="is-size-5 has-text-weight-bold">jest-stare</p>
</header> </header>
<section> <section class="media-content">
<p>Jest HTML Reporter and Results Processor.</p> <p>Jest HTML Reporter and Results Processor.</p>
</section> </section>
<footer> <footer>
<a href="https://dkelosky.github.io/jest-stare/" target="_blank">Website</a> <a href="https://dkelosky.github.io/jest-stare/" target="_blank" rel="noopener"
rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">kubeapps</p> <p class="is-size-5 has-text-weight-bold">kubeapps</p>
</header> </header>
<section> <section class="media-content">
<p>A web-based UI for deploying and managing applications in Kubernetes clusters.</p> <p>A web-based UI for deploying and managing applications in Kubernetes clusters.</p>
</section> </section>
<footer> <footer>
<a href="https://kubeapps.com/" target="_blank">Website</a> <a href="https://kubeapps.com/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Hitchhiker</p> <p class="is-size-5 has-text-weight-bold">Hitchhiker</p>
</header> </header>
<section> <section class="media-content">
<p>A a Restful Api test tool.</p> <p>A a Restful Api test tool.</p>
</section> </section>
<footer> <footer>
<a href="http://www.hitchhiker-api.com/" target="_blank">Website</a> <a href="http://www.hitchhiker-api.com/" target="_blank" rel="noopener"
rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">growi</p> <p class="is-size-5 has-text-weight-bold">growi</p>
</header> </header>
<section> <section class="media-content">
<p>Team collaboration software using markdown.</p> <p>Team collaboration software using markdown.</p>
</section> </section>
<footer> <footer>
<a href="https://growi.org/" target="_blank">Website</a> <a href="https://growi.org/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">crowi</p> <p class="is-size-5 has-text-weight-bold">crowi</p>
</header> </header>
<section> <section class="media-content">
<p>Markdown Wiki - Empower the team with sharing your knowledge.</p> <p>Markdown Wiki - Empower the team with sharing your knowledge.</p>
</section> </section>
<footer> <footer>
<a href="http://site.crowi.wiki/" target="_blank">Website</a> <a href="http://site.crowi.wiki/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Wiki.js</p> <p class="is-size-5 has-text-weight-bold">Wiki.js</p>
</header> </header>
<section> <section class="media-content">
<p>A modern, lightweight and powerful wiki app built on Node.js.</p> <p>A modern, lightweight and powerful wiki app built on Node.js.</p>
</section> </section>
<footer> <footer>
<a href="https://wiki.js.org/" target="_blank">Website</a> <a href="https://wiki.js.org/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">code-annotation</p> <p class="is-size-5 has-text-weight-bold">code-annotation</p>
</header> </header>
<section> <section class="media-content">
<p>Code Annotation Tool.</p> <p>Code Annotation Tool.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/src-d/code-annotation" target="_blank">View GitHub</a> <a href="https://github.com/src-d/code-annotation" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Chef Automate</p> <p class="is-size-5 has-text-weight-bold">Chef Automate</p>
</header> </header>
<section> <section class="media-content">
<p>full suite of enterprise capabilities for maintaining continuous visibility into application, <p>full suite of enterprise capabilities for maintaining continuous visibility into application,
infrastructure, and security automation.</p> infrastructure, and security automation.</p>
</section> </section>
<footer> <footer>
<a href="https://automate.chef.io/" target="_blank">Website</a> <a href="https://automate.chef.io/" target="_blank" rel="noopener" rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Camunda Modeler</p> <p class="is-size-5 has-text-weight-bold">Camunda Modeler</p>
</header> </header>
<section> <section class="media-content">
<p>An integrated modeling solution for BPMN, DMN and CMMN based on bpmn.io.</p> <p>An integrated modeling solution for BPMN, DMN and CMMN based on bpmn.io.</p>
</section> </section>
<footer> <footer>
<a href="https://camunda.com/products/modeler" target="_blank">Website</a> <a href="https://camunda.com/products/modeler" target="_blank" rel="noopener"
rel="noreferrer">Website</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">graphql-schema-diff</p> <p class="is-size-5 has-text-weight-bold">graphql-schema-diff</p>
</header> </header>
<section> <section class="media-content">
<p>Returns the diff of two GraphQL schemas. Detects dangerous and breaking changes.</p> <p>Returns the diff of two GraphQL schemas. Detects dangerous and breaking changes.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/fabsrc/graphql-schema-diff" target="_blank">View GitHub</a> <a href="https://github.com/fabsrc/graphql-schema-diff" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">cypress-plugin-snapshots</p> <p class="is-size-5 has-text-weight-bold">cypress-plugin-snapshots</p>
</header> </header>
<section> <section class="media-content">
<p>Plugin for snapshot tests in Cypress.io .</p> <p>Plugin for snapshot tests in Cypress.io .</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/meinaart/cypress-plugin-snapshots" target="_blank">View GitHub</a> <a href="https://github.com/meinaart/cypress-plugin-snapshots" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">git-explorer</p> <p class="is-size-5 has-text-weight-bold">git-explorer</p>
</header> </header>
<section> <section class="media-content">
<p>Offline-first support for previewing and comparing branches in a local git repository.</p> <p>Offline-first support for previewing and comparing branches in a local git repository.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/thescientist13/git-explorer" target="_blank">View GitHub</a> <a href="https://github.com/thescientist13/git-explorer" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">diff-pane</p> <p class="is-size-5 has-text-weight-bold">diff-pane</p>
</header> </header>
<section> <section class="media-content">
<p>Atom - Diff two panes.</p> <p>Atom - Diff two panes.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/t-ari/diff-pane" target="_blank">View GitHub</a> <a href="https://github.com/t-ari/diff-pane" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">node-giff</p> <p class="is-size-5 has-text-weight-bold">node-giff</p>
</header> </header>
<section> <section class="media-content">
<p>Display git diff on browser.</p> <p>Display git diff on browser.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/do7be/node-giff" target="_blank">View GitHub</a> <a href="https://github.com/do7be/node-giff" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">edgar-monitor</p> <p class="is-size-5 has-text-weight-bold">edgar-monitor</p>
</header> </header>
<section> <section class="media-content">
<p>A module that processes new Edgar filings and sends out notifications.</p> <p>A module that processes new Edgar filings and sends out notifications.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/buzzfeed-openlab/edgar-monitor" target="_blank">View GitHub</a> <a href="https://github.com/buzzfeed-openlab/edgar-monitor" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">node-git</p> <p class="is-size-5 has-text-weight-bold">node-git</p>
</header> </header>
<section> <section class="media-content">
<p>Execute Git Command by Node.js.</p> <p>Execute Git Command by Node.js.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/liangshuai/node-git" target="_blank">View GitHub</a> <a href="https://github.com/liangshuai/node-git" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
<div class="column is-one-quarter-widescreen box"> </div>
<div class="column is-one-quarter-widescreen is-flex">
<div class="box is-flex is-fullwidth is-vertical">
<header> <header>
<p class="is-size-5 has-text-weight-bold">Simple Git</p> <p class="is-size-5 has-text-weight-bold">Simple Git</p>
</header> </header>
<section> <section class="media-content">
<p>A simple package to be able to drive GIT.</p> <p>A simple package to be able to drive GIT.</p>
</section> </section>
<footer> <footer>
<a href="https://github.com/mauricioszabo/simple-git" target="_blank">View GitHub</a> <a href="https://github.com/mauricioszabo/simple-git" target="_blank" rel="noopener"
rel="noreferrer">View GitHub</a>
</footer> </footer>
</div> </div>
</div> </div>
</div> </div>
</div>
<hr> <hr>
@ -369,10 +428,12 @@
<h4 class="title is-size-4 is-spaced"><strong>Open Source</strong></h4> <h4 class="title is-size-4 is-spaced"><strong>Open Source</strong></h4>
<p>diff2html is open source. <p>diff2html is open source.
If you'd like to be part of the diff2html community or help improve it, If you'd like to be part of the diff2html community or help improve it,
find more information on <a href="https://github.com/rtfpessoa/diff2html" target="_blank">GitHub</a> and find more information on <a href="https://github.com/rtfpessoa/diff2html" target="_blank" rel="noopener"
<a href="https://gitter.im/rtfpessoa/diff2html" target="_blank">Gitter</a>. Need any help? rel="noreferrer">GitHub</a> and
<a href="https://gitter.im/rtfpessoa/diff2html" target="_blank" rel="noopener" rel="noreferrer">Gitter</a>.
Need any help?
</p> </p>
<a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank"> <a href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank" rel="noopener" rel="noreferrer">
Read more in the Docs Read more in the Docs
</a> </a>
</div> </div>

13
website/templates/pages/index/index.css
View file

@ -1,5 +1,4 @@
.image img.hero-img { .image img.hero-img {
background-image: url(images/snapshot-3.png);
display: block; display: block;
height: auto; height: auto;
width: 70%; width: 70%;
@ -43,16 +42,10 @@
cursor: pointer; cursor: pointer;
} }
.button.clipboard:hover { .is-fullwidth {
color: #000; flex-grow: 1;
background-color: #dcdfe4;
} }
#users .columns .column { .is-vertical {
display: flex;
flex-direction: column; flex-direction: column;
} }
#users .columns .column section {
height: 100%;
}

21
website/templates/template.handlebars
View file

@ -6,8 +6,11 @@
<!--[if IE]> <!--[if IE]>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
<![endif]--> <![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Cache-Control" content="public, must-revalidate, proxy-revalidate, max-age=0" />
<meta name="theme-color" content="#FFFFFF"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Diff parser and pretty html generator"> <meta name="description" content="Diff parser and pretty html generator">
<meta name="keywords" content="diff2html,git,diff,unified,pretty,html,css,javaccript"> <meta name="keywords" content="diff2html,git,diff,unified,pretty,html,css,javaccript">
<meta name="author" content="Rodrigo Fernandes (rtfpessoa)"> <meta name="author" content="Rodrigo Fernandes (rtfpessoa)">
@ -57,10 +60,10 @@
<a class="navbar-item" href="index.html#install">Getting Started</a> <a class="navbar-item" href="index.html#install">Getting Started</a>
<a class="navbar-item" href="index.html#cli">CLI</a> <a class="navbar-item" href="index.html#cli">CLI</a>
<a class="navbar-item" href="demo.html">Demo</a> <a class="navbar-item" href="demo.html">Demo</a>
<a class="navbar-item" href="https://github.com/rtfpessoa/diff2html#how-to-use" <a class="navbar-item" href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank"
target="_blank">Docs</a> rel="noopener" rel="noreferrer">Docs</a>
<a class="navbar-item" href="https://github.com/rtfpessoa/diff2html/issues/new" <a class="navbar-item" href="https://github.com/rtfpessoa/diff2html/issues/new" target="_blank"
target="_blank">Support</a> rel="noopener" rel="noreferrer">Support</a>
</div> </div>
</div> </div>
</div> </div>
@ -72,11 +75,11 @@
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
Designed and built with <span class="hero-red">❤</span> by Designed and built with <span class="hero-red">❤</span> by
<a href="https://twitter.com/rtfpessoa" target="_blank">@rtfpessoa</a>. <a href="https://twitter.com/rtfpessoa" target="_blank" rel="noopener" rel="noreferrer">@rtfpessoa</a>.
</p> </p>
<p> <p>
<a class="footer-list-link" href="https://github.com/rtfpessoa/diff2html#how-to-use" <a class="footer-list-link" href="https://github.com/rtfpessoa/diff2html#how-to-use" target="_blank"
target="_blank">FAQ</a> rel="noopener" rel="noreferrer">FAQ</a>
- -
<a class="footer-list-link" href="https://diff2html.xyz">diff2html</a> <a class="footer-list-link" href="https://diff2html.xyz">diff2html</a>
</p> </p>
@ -89,7 +92,7 @@
"@type": "SoftwareSourceCode", "@type": "SoftwareSourceCode",
"name": "diff2html", "name": "diff2html",
"author": "Rodrigo Fernandes", "author": "Rodrigo Fernandes",
"image": "https://diff2html.xyz/img/snapshot-3.png", "image": "https://diff2html.xyz/images/snapshot-3.png",
"description": "Diff parser and pretty html generator.", "description": "Diff parser and pretty html generator.",
"codeRepository": "https://github.com/rtfpessoa/diff2html", "codeRepository": "https://github.com/rtfpessoa/diff2html",
"programmingLanguage": "JavaScript", "programmingLanguage": "JavaScript",