Skip to content

Commit

Permalink
add examples
Browse files Browse the repository at this point in the history
  • Loading branch information
Martin Muda committed Oct 19, 2023
1 parent f47068a commit 258bd8a
Show file tree
Hide file tree
Showing 23 changed files with 337 additions and 7 deletions.
2 changes: 1 addition & 1 deletion assets/css/orbit-base.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/orbit-base.min.css.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/orbit.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/orbit.min.css.map

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions examples/analog-watch.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/calendar.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/color-selector.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
48 changes: 48 additions & 0 deletions examples/docs/container.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../assets/css/orbit-base.min.css" type="text/css" defer/>
<!-- <link rel="stylesheet" href="../../assets/css/orbit-theme.min.css" type="text/css" defer/> -->
<title>Orbit - o-container</title>
<style>
.o-orbiter {
border: 7px solid mediumaquamarine
}
.o-container {
border: 0.2px solid gray;
height:auto
}
.one {
border: 2px solid;
padding: 20px;
width: 300px;
resize: both;
overflow: auto;
}
</style>
</head>
<body>
<section class="o-container one resize">
one - enable relative resize?
<ul class="o-orbit">
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
</ul>
</section>
<section class="o-container two">
two
</section>
<section class="o-container three">
three
</section>
<section class="o-container four" resizable>
four
</section>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/docs/label.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
44 changes: 44 additions & 0 deletions examples/docs/orbit.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../assets/css/orbit-base.min.css" type="text/css" defer/>
<!-- <link rel="stylesheet" href="../../assets/css/orbit-theme.min.css" type="text/css" defer/> -->
<title>Orbit - o-container</title>
<style>
.o-orbiter {
border: 7px solid mediumaquamarine
}
.o-container {
border: 0.2px solid gray;
height:auto
}
</style>
</head>
<body>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
</ul>
</section>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
</ul>
</section>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
</ul>
</section>
</body>
</html>
44 changes: 44 additions & 0 deletions examples/docs/orbiter.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../assets/css/orbit-base.min.css" type="text/css" defer/>
<!-- <link rel="stylesheet" href="../../assets/css/orbit-theme.min.css" type="text/css" defer/> -->
<title>Orbit - o-container</title>
<style>
.o-orbiter {
border: 7px solid mediumaquamarine
}
.o-container {
border: 0.2px solid gray;
height:auto
}
</style>
</head>
<body>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
</ul>
</section>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
</ul>
</section>
<section class="o-container">
<ul class="o-orbit">
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
<li class="o-orbiter"></li>
</ul>
</section>
</body>
</html>
13 changes: 13 additions & 0 deletions examples/docs/progress.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/docs/sector.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/docs/svg-markers.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/docs/svg-progress.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/infography.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/instrument-panel.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/radial-control-panel.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/radial-menu.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/simon-game.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/space-mission-ground.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
13 changes: 13 additions & 0 deletions examples/time-managment.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../assets/css/orbit-base.min.css" type="text/css" defer/>
<link rel="stylesheet" href="../assets/css/orbit-theme.min.css" type="text/css" defer/>
<title>Orbit - o-container</title>
</head>
<body>

</body>
</html>
5 changes: 2 additions & 3 deletions notes.md
Original file line number Diff line number Diff line change
Expand Up @@ -94,9 +94,8 @@ LAS MINIMAS ARC TEXT
### css first

### COSAS PARA AHORA
>>>>> mejorar labels para orbiters
OK.CONTENT para sector y orbiters:
>>>>>> knob armar
OK. mejorar labels para orbiters
OK.CONTENT para sector y orbiters
ok .PROGRESS
.KNOB: asegurar que el selector queda enmedio del grosos del progress seria lower by deafult
ok .svg-markers
Expand Down

0 comments on commit 258bd8a

Please sign in to comment.