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

6
editor/svg-editor.css
View File

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