Skip to content

Commit

Permalink
docs: tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
Kikobeats committed Oct 23, 2024
1 parent 272d2c4 commit ab8a402
Show file tree
Hide file tree
Showing 17 changed files with 10 additions and 177 deletions.
File renamed without changes
Binary file removed docs/assets/edit-complete-1.png
Binary file not shown.
Binary file removed docs/assets/edit-init-1.png
Binary file not shown.
Binary file removed docs/assets/edit-input-1.png
Binary file not shown.
61 changes: 0 additions & 61 deletions docs/assets/example-usage.js

This file was deleted.

Binary file removed docs/assets/output-example-12.png
Binary file not shown.
Binary file removed docs/assets/output-example-14.png
Binary file not shown.
Binary file removed docs/assets/output-example-15.png
Binary file not shown.
Binary file removed docs/assets/output-example-monokai-2.png
Binary file not shown.
Binary file removed docs/assets/output-example-solarized-2.png
Binary file not shown.
Binary file removed docs/assets/source-example-8.png
Binary file not shown.
Binary file removed docs/assets/source-example-9.png
Binary file not shown.
81 changes: 8 additions & 73 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -1,38 +1,21 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<title>RJV Demo</title>
<title>react-json-view</title>
<meta
name="description"
content="react-json-view: A React component for displaying and editing JSON data in a tree view format."
/>
<meta
name="keywords"
content="array-viewer,base-16,component,interactive,interactive-json,json,json-component,json-display,json-tree,json-view,json-viewer,json-inspector,json-tree,react,react-component,react-json,theme,tree,tree-view,treeview,mac-s-g"
/>
<meta charset="UTF-8" />
<link
rel="icon"
type="image/ico"
href="./../src/style/images/favicon.ico"
/>
<link rel="icon" type="image/ico" href="./assets/favicon.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
/>
<!--[if lt IE 9]>
<script>
;(function () {
var ef = function () {}
window.console = window.console || {
log: ef,
warn: ef,
error: ef,
dir: ef
}
})()
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-shim.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/3.4.0/es5-sham.js"></script>
<![endif]-->
<script
crossorigin
src="https://unpkg.com/[email protected]/umd/react.development.js"
Expand All @@ -45,59 +28,11 @@
body {
margin: 0px;
}
#references {
text-align: right;
padding: 20px 20px 0 0;
margin-bottom: 10px;
}
#references > .link-container {
text-decoration: none;
display: inline-block;
border-radius: 3px;
transition: ease-out 0.1s;
padding: 4px 4px 1px 4px;
}
#references .link-container:hover {
background-color: #ccc;
}
#references > .link-container > a {
text-decoration: none;
display: inline-block;
}
#references .link-container img {
height: 40px;
cursor: pointer;
display: inline-block;
}
</style>
</head>
<body>
<a href="https://your-url" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"/><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"/></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<div id="mac-react-container"></div>
<div id="references">
<div class="link-container">
<a
id="npm-link"
target="_blank"
href="https://www.npmjs.com/package/@microlink/react-json-view"
>
<img
src="https://upload.wikimedia.org/wikipedia/commons/d/db/Npm-logo.svg"
/>
</a>
</div>
<div class="link-container">
<a
id="github-link"
target="_blank"
href="https://github.com/microlinkhq/react-json-view"
>
<img
src="https://cdn4.iconfinder.com/data/icons/iconsimple-logotypes/512/github-512.png"
/>
</a>
</div>
</div>
<script type="text/javascript" src="./dist/main.js"></script>
</body>
</html>

17 changes: 0 additions & 17 deletions docs/src/js/components/Demo.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,10 @@
import React from 'react'
import ReactSelect from 'react-select'
import ReactJson from './../../../../src/js/index'
import GitHubButton from 'react-github-button'

import Code from './../helpers/Code'
import './../../style/scss/rjv-demo.scss'
import 'react-select/dist/react-select.css'
import 'react-github-button/assets/style.css'

// index entrypoint component
class Demo extends React.PureComponent {
Expand Down Expand Up @@ -180,21 +178,6 @@ class Demo extends React.PureComponent {
<div class='rjv-demo'>
<div class='rjv-header'>
<div class='header-1'>@microlink/react-json-view</div>
<img
class='rjv-logo'
src='https://raw.githubusercontent.com/microlinkhq/react-json-view/master/doc/rjv-icon-alt.png'
onClick={() => {
window.open(
'https://github.com/microlinkhq/react-json-view',
'_blank'
)
}}
/>
<GitHubButton
type='stargazers'
namespace='microlinkhq'
repo='react-json-view'
/>
</div>
<ReactJson
name={false}
Expand Down
6 changes: 0 additions & 6 deletions docs/src/style/scss/global.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,4 @@
margin-right: 5px;
margin-bottom: 3px;
}
.header-2 {
font-size: 22px;
margin-right: 5px;
margin-bottom: 5px;
font-style: italic;
}
}
21 changes: 2 additions & 19 deletions docs/src/style/scss/rjv-demo.scss
Original file line number Diff line number Diff line change
Expand Up @@ -7,32 +7,15 @@
margin-right: 10px;
min-width: 300px;
max-width: 400px;

.rjv-input {
margin-bottom: 5px;

.rjv-label {
padding: 0.5em;
font-size: 14px;
font-weight: bold;
}
}
}

.rjv-header {
position: relative;

.rjv-logo {
width: 100px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}

.github-btn {
display: block;
position: absolute;
right: 0px;
top: 48px;
}
}
}
1 change: 0 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,6 @@
"prettier": "~2.2.1",
"react": "~16.14.0",
"react-dom": "~16.14.0",
"react-github-button": "~0.1.11",
"react-select": "~1.1.0",
"react-test-renderer": "~16.14.0",
"sass": "~1.47.0",
Expand Down

0 comments on commit ab8a402

Please sign in to comment.