zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update not supported page (#230) 

Update old links.  Remove now-defunct link to Chrome Frame.  Use CSS instead of JavaScript and jQuery.
master
Neil Fraser 2018-05-17 11:29:20 -07:00 committed by Jeff Schiller
parent 4fd4054f03
commit 1c966d17ed
2 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
editor/browser-not-supported.html
View File

@ -1,32 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link rel="icon" type="image/png" href="images/logo.png"/>
<link rel="stylesheet" href="svg-editor.css"/>
<script src="jquery.js"></script>
<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
<title>Browser does not support SVG | SVG-edit</title>
</head>
<body>
<div id="browser-not-supported">
<img style="float:left;padding:10px;" src="images/logo.png"
width="48" height="48" alt="SVG-edit logo" /><br />
<p>Sorry, but your browser does not support SVG. Below is a list of
alternate browsers and versions that support SVG and SVG-edit
(from <a href="http://caniuse.com/#cats=SVG">caniuse.com</a>).</p>
<p>Try the latest version of
<a href="http://www.getfirefox.com">Firefox</a>,
<a href="http://www.google.com/chrome/">Google Chrome</a>,
<a href="http://www.apple.com/safari/download/">Safari</a>,
<a href="http://www.opera.com/download/">Opera</a> or
<a href="http://windows.microsoft.com/ie9">Internet Explorer</a>.</p>
<p>If you are unable to install one of these and must use an old version of
Internet Explorer, you can install the
<a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame plugin</a>.</p>
</div>
<script src="browser-not-supported.js"></script>
</body>
<style>
body {
margin: 0;
overflow: hidden;
}
p {
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial;
color: #000;
padding: 8px;
margin: 0;
}
#logo {
float: left;
padding: 10px;
}
#caniuse {
position: absolute;
top: 7em;
bottom: 0;
width: 100%;
}
#caniuse>iframe {
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<img id="logo" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" />
<p>Sorry, but your browser does not support SVG. Below is a list of alternate browsers and versions that support SVG and SVG-edit (from <a href="https://caniuse.com/#feat=svg-html5">caniuse.com</a>).</p>
<p>Try the latest version of <a href="https://www.getfirefox.com">Firefox</a>, <a href="https://www.google.com/chrome/">Chrome</a>, <a href="https://www.apple.com/safari/">Safari</a>, <a href="https://www.opera.com/download">Opera</a> or <a href="http://windows.microsoft.com/ie9">Internet Explorer</a>.</p>
<div id="caniuse">
<iframe src="https://caniuse.com/#feat=svg-html5"></iframe>
</div>
</body>
</html>

6
editor/svg-editor.css
View File

@ -12,12 +12,6 @@ html, body, div{
-webkit-user-drag: text;
}
#browser-not-supported {
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial;
color: #000000;
}
#svg_editor * {
transform-origin: 0 0;
-moz-transform-origin: 0 0;