Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@tinchox5
tinchox5 committed Apr 27, 2023
1 parent b6f2b00 commit ffe3c57
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 59 deletions.
37 changes: 37 additions & 0 deletions examples/arc.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../dist/css/index.min.css" type="text/css" defer/>
<title>Radial grid layout - css only</title>
<style>
body {
font-family: 'Lucida Sans', Verdana, sans-serif;
}
</style>
</head>
<body>
<div class="z-container" >
<div class="core items-1">
<div class="item s" style="transform: translate(-50%, -50%);"></div>
</div>
<div class="ring-3 items-6">
<div class=" item m upper transparent surface ">
</div>
<div class="item m upper transparent surface">
</div>
<div class="item m upper transparent surface">
</div>
<div class=" item m upper transparent surface ">
</div>
<div class="item m upper transparent surface">
</div>
<div class="item m upper transparent surface">
</div>
</div>
</div>
</body>

</html>
61 changes: 2 additions & 59 deletions examples/generic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,77 +17,20 @@
<div class="core items-1">
<div class="item s" style="transform: translate(-50%, -50%);"></div>
</div>
<div class="ring-1 items-5 offset-270 ccw" >
<div class="item xs ">A</div>
<div class="item xs rounded">N</div>
<div class="item xs"> D </div>
<div class="item xs">Y</div>
<div class="item xs">!</div>
</div>
<div class="ring-3 items-5">
<div class=" item m upper surface ">
<div class="content">ONU</div>
</div>
<div class="ring-3 items-13">
<div class=" item m upper surface ">
<div class="content">ONU</div>

</div>
<div class="item m upper surface">
<div class="content">hola</div>
<div class="label pos-315">
<div class="label__text">
text
</div>
</div>
</div>
<div class="item m upper surface">
<div class="content">1</div>
<div class="ring-1 items-4 offset-135 arc-90">
<div class="item xs ">U</div>
<div class="item xs ">L</div>
<div class="item xs stationary" >N</div>
<div class="item xs">
<div class="ring-3 items-3">
<div class="item xxs "></div>
<div class="item xxs"></div>
<div class="item xxs ">
</div>
</div>
</div>
</div>

</div>
<div class=" item m upper surface ">
<div class="content">ONU</div>
</div>
<div class="item m upper surface">
<div class="content">hola</div>
<div class="label pos-315">
<div class="label__text">
text
</div>
</div>
</div>
<div class="item m upper surface">
<div class="content">1</div>
<div class="ring-1 items-4 offset-135 arc-90">
<div class="item xs ">U</div>
<div class="item xs ">L</div>
<div class="item xs stationary" >N</div>
<div class="item xs">
<div class="ring-3 items-3">
<div class="item xxs "></div>
<div class="item xxs"></div>
<div class="item xxs ">
</div>
</div>
</div>
</div>

</div>
<svg>
<circle class="base" />
<circle class="percent p50" pathLength="100" />
</svg>
</div>
</div>
</body>
Expand Down
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ <h2>Examples</h2>
<li><a href="./examples/watch.html">Watch</a></li>
<li><a href="./examples/spread.html">Spread</a></li>
<li><a href="./examples/form.html">Form</a></li>
<li><a href="./examples/arc.html">arc</a></li>
</ul>
</body>
</html>

0 comments on commit ffe3c57

Please sign in to comment.