Gitiles
Code Review Sign In
gerrit.onosproject.org / onos / 5ab426f9ffd145916bb41df408d7fef1781b9128 / . / web / gui / src / main / webapp / _dev / svg-exercise.html
blob: 830dea310c42d33d2f36cd9057a49352b68800a2 [file] [log] [blame]
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]1<!DOCTYPE html>
2<!--
Brian O'Connor5ab426f2016-04-09 01:19:45 -0700[diff] [blame^]3 ~ Copyright 2016-present Open Networking Laboratory
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]4 ~
5 ~ Licensed under the Apache License, Version 2.0 (the "License");
6 ~ you may not use this file except in compliance with the License.
7 ~ You may obtain a copy of the License at
8 ~
9 ~ http://www.apache.org/licenses/LICENSE-2.0
10 ~
11 ~ Unless required by applicable law or agreed to in writing, software
12 ~ distributed under the License is distributed on an "AS IS" BASIS,
13 ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 ~ See the License for the specific language governing permissions and
15 ~ limitations under the License.
16 -->
17
18<!--
19 ONOS -- SVG mouse over d3 exercise html
20 -->
21
22<html>
23<head lang="en">
24 <meta charset="UTF-8">
25 <title>Upgrade Performance</title>
26
27 <script type="text/javascript" src="../tp/angular.js"></script>
28 <script type="text/javascript" src="../tp/d3.js"></script>
29 <script type="text/javascript" src="svg-exercise.js"></script>
30 <script type="text/javascript" src="../app/fw/util/util.js"></script>
31 <script type="text/javascript" src="../app/fw/util/fn.js"></script>
32
33
34 <style>
35 html,
Bri Prebilic Cole4db8dce2015-03-18 13:57:24 -0700[diff] [blame]36 body, div {
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]37 background-color: #eee;
38 font-family: Arial, Helvetica, sans-serif;
39 font-size: 9pt;
Bri Prebilic Cole4db8dce2015-03-18 13:57:24 -0700[diff] [blame]40 margin: 0;
Bri Prebilic Colea1f54d52015-03-26 10:27:29 -0700[diff] [blame]41 overflow: hidden;
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]42 }
43 .button {
44 fill: #369;
Bri Prebilic Colea1f54d52015-03-26 10:27:29 -0700[diff] [blame]45 filter: url(#buttonBevel);
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]46 }
47 svg text {
48 fill: white;
49 letter-spacing: .005em;
50 }
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]51 </style>
52</head>
53
54<body ng-app="svgExercise">
Bri Prebilic Colea1f54d52015-03-26 10:27:29 -0700[diff] [blame]55
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]56<div id="svgExDiv" ng-controller="svgExCtrl as ctrl">
57 <improve-performance></improve-performance>
58</div>
59
Bri Prebilic Colea1f54d52015-03-26 10:27:29 -0700[diff] [blame]60<svg xmlns="http://www.w3.org/2000/svg"
61 viewBox="-10 -10 110 110"
62 visibility="hidden">
63 <filter id="buttonBevel"
64 filterUnits="objectBoundingBox"
65 x="-10%" y="-10%" width="110%" height="110%">
66 <feGaussianBlur in="SourceAlpha"
67 stdDeviation="4"
68 result="blur"/>
69 <feSpecularLighting in="blur"
70 surfaceScale="7"
71 specularConstant="0.6"
72 specularExponent="5"
73 result="spec"
74 lighting-color="#4E7199">
75 <fePointLight x="-5000" y="-10000" z="20000"/>
76 </feSpecularLighting>
77 <feComposite in="spec"
78 in2="SourceAlpha"
79 operator="in"
80 result="spec2"/>
81 <feComposite in="SourceGraphic"
82 in2="spec2"
83 operator="arithmetic"
84 k1="0" k2="1" k3="1" k4="0" />
85 </filter>
Bri Prebilic Cole91425fb2015-03-11 16:29:48 -0700[diff] [blame]86</svg>
87
88</body>
89</html>