update for photon logo

geometor · Sep 12, 2020 · fd39b35 · fd39b35
1 parent 71f78aa
commit fd39b35
Show file tree

Hide file tree

Showing 8 changed files with 269 additions and 3 deletions.
diff --git a/.ctags b/.ctags
@@ -0,0 +1,9 @@
+--exclude=.git
+--exclude=.atom
+--exclude=.vim/bundle
+--exclude=**/vendor
+--exclude=**/node_modules
+--exclude=**/packages
+--exclude=**/grav
+--exclude=**min.js
+--exclude=**pack.js
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 timecut
+tags
diff --git a/logo/logo.svg b/logo/logo.svg
diff --git a/photon/index.css b/photon/index.css
@@ -0,0 +1,17 @@
+[id^="sg-g0"] .segment path {
+  stroke-opacity: 0.8;
+  opacity: 0.8;
+}
+[id^="sg-g0"] text {
+  stroke-opacity: 0.8;
+  opacity: 0.8;
+}
+
+#A .bottom path{
+  stroke-opacity: 0.8;
+  opacity: 0.8;
+}
+#B .bottom path{
+  stroke-opacity: 0.8;
+  opacity: 0.8;
+}
diff --git a/photon/index.js b/photon/index.js
@@ -0,0 +1,102 @@
+var TL ;
+
+main();
+
+function main() {
+
+  TL = new TimelineMax({
+    repeat: -1,
+    yoyo: true,
+    repeatDelay: 5
+  });
+
+  TL.add( baseSequence() );
+
+  TL.timeScale(2);
+  TL.play(0);
+
+}
+
+function root3grid() {
+
+  var seqTL = new TimelineMax({
+    repeat: 0,
+  });
+
+  seqTL.add( drawLine( "#f" ) );
+  seqTL.add( drawLine( "#g" ) );
+  seqTL.add( drawLine( "#h" ) );
+  seqTL.add( drawLine( "#i" ) );
+
+  return seqTL;
+
+}
+
+
+function baseSequence() {
+
+  var seqTL = new TimelineMax({
+    repeat: 0,
+  });
+
+  // zoomToElement(["#b", "#c"], 50);
+
+  // tl.addPause("blank");
+
+  //build sequence
+  seqTL.add( setPoint("#A") );
+  seqTL.add( setPoint("#B") );
+
+  seqTL.add( drawLine("#a") );
+
+  // // tl.addPause("baseline");
+
+  seqTL.add( drawLine("#q1") );
+
+  seqTL.add( drawCircle("#b", "#q1") ); //vesica piseces
+  seqTL.add( eraseLine("#q1") );
+  seqTL.add( setPoint("#C") );
+
+  seqTL.add( drawLineReverse("#q1") );
+  seqTL.add( drawCircle("#c", "#q1") );
+  seqTL.add( eraseLine("#q1") );
+
+  seqTL.add( setPoint("#D") );
+  seqTL.add( setPoint(["#E", "#F"]) );
+
+  seqTL.add( drawLine("#d") );
+
+  seqTL.add( setPoint("#G") );
+
+  seqTL.add( drawLine("#q3") );
+  seqTL.add( eraseLine("#q3") );
+
+
+  var set = [
+    "#a",
+    "#b",
+    "#c",
+    "#d",
+  ];
+  seqTL.add( fadeElements( set ) );
+
+  // seqTL.add( unFadeElements("#a"), "+=1" );
+  // seqTL.add( selectElements("#a"), "+=2" );
+  // seqTL.add( unSelectElements("#a"), "+=1" );
+  // seqTL.add( fadeElements("#a"), "+=1" );
+  //
+  // seqTL.add( unFadeElements("#b"), "+=1" );
+  // seqTL.add( selectElements("#b"), "+=2" );
+  //
+  // seqTL.add( unFadeElements("#c"), "+=1" );
+  // seqTL.add( selectElements("#c"), "+=2" );
+  // seqTL.add( unSelectElements("#b"), "+=1" );
+  // seqTL.add( fadeElements("#b"), "+=1" );
+  // seqTL.add( unSelectElements("#c"), "+=1" );
+  // seqTL.add( fadeElements("#c"), "+=1" );
+  //
+  // seqTL.add( clearElements( set ), "+=2");
+
+  return seqTL;
+
+}
diff --git a/photon/photon.ggb b/photon/photon.ggb
diff --git a/photon/photon.svg.html b/photon/photon.svg.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+<meta charset="UTF-8">
+<title>GEOMETOR • base.svg</title>
+<link rel="stylesheet" href="../css/style.css" type="text/css"><!-- <link rel="stylesheet" href="../css/svg.css" type="text/css"> -->
+<!-- <link rel="stylesheet" href="../css/print.css" type="text/css" media="print" /> -->
+<link rel="stylesheet" href="../css/construction.css" type="text/css">
+<link rel="stylesheet" href="index.css" type="text/css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
+<script src="../js/geometor.svg.js"></script><!--SVG-->
+<svg version="1.1" baseprofile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 1228 865">
+<rect class="bg"></rect>
+<g stroke-linejoin="miter" stroke-dashoffset="0.0000" stroke-dasharray="none" stroke-width="1.0000" stroke-miterlimit="10.000" stroke-linecap="square">
+  <g id="misc"></g>
+  <g id="base">
+    <g id="b" class="circle s-a0a0a0">
+      <g>
+        <path d="M 742.80 446.83 C 742.80 570.43 642.60 670.63 518.99 670.63 C 395.39 670.63 295.19 570.43 295.19 446.83 C 295.19 323.22 395.39 223.02 518.99 223.02 C 642.60 223.02 742.80 323.22 742.80 446.83 z"></path>
+        <title>Circle b</title>
+        <desc>
+          Circle b: Circle through B with center A
+        </desc>
+      </g>
+    </g>
+    <g id="c" class="circle s-a0a0a0">
+      <g>
+        <path d="M 966.60 446.83 C 966.60 570.43 866.40 670.63 742.80 670.63 C 619.19 670.63 518.99 570.43 518.99 446.83 C 518.99 323.22 619.19 223.02 742.80 223.02 C 866.40 223.02 966.60 323.22 966.60 446.83 z"></path>
+        <title>Circle c</title>
+        <desc>
+          Circle c: Circle through A with center B
+        </desc>
+      </g>
+    </g>
+    <g id="a" class="line s-a0a0a0">
+      <g>
+        <path d="M -5.0000 446.83 L 1233.0 446.83"></path>
+        <title>Line a</title>
+        <desc>
+          Line a: Line A, B
+        </desc>
+      </g>
+    </g>
+    <g id="d" class="line s-a0a0a0">
+      <g>
+        <path d="M 630.90 871.00 L 630.90 -5.0000"></path>
+        <title>Line d</title>
+        <desc>
+          Line d: Line E, F
+        </desc>
+      </g>
+    </g>
+  </g>
+  <g id="layer1"></g>
+  <g id="layer2"></g>
+  <g id="layer3"></g>
+  <g id="layer4"></g>
+  <g id="layer5"></g>
+  <g id="layer6"></g>
+  <g id="graphics">
+    <g id="q1" class="segment">
+      <g class="segment s-ffffff">
+        <path d="M 518.99 446.83 L 742.80 446.83"></path>
+        <title>Segment q1</title>
+        <desc>
+          Segment q1: Segment A, B
+        </desc>
+      </g>
+    </g>
+    <g id="q3" class="segment">
+      <g class="segment s-ffffff">
+        <path d="M 630.90 253.01 L 630.90 640.64"></path>
+        <title>Segment q3</title>
+        <desc>
+          Segment q3: Segment E, F
+        </desc>
+      </g>
+    </g>
+  </g>
+  <g id="sections"></g>
+  <g id="points">
+    <g id="A" class="point">
+      <circle class="bottom" cx="523.99" cy="446.83" r="5"></circle>
+      <circle class="top" cx="523.99" cy="446.83" r="5"></circle>
+      <title>Point A</title>
+      <desc>
+        Point A: Point on xAxis
+      </desc>
+    </g>
+    <g id="B" class="point">
+      <circle class="bottom" cx="747.80" cy="446.83" r="5"></circle>
+      <circle class="top" cx="747.80" cy="446.83" r="5"></circle>
+      <title>Point B</title>
+      <desc>
+        Point B: Point on xAxis
+      </desc>
+    </g>
+    <g id="C" class="point">
+      <circle class="bottom" cx="300.19" cy="446.83" r="5"></circle>
+      <circle class="top" cx="300.19" cy="446.83" r="5"></circle>
+      <title>Point C</title>
+      <desc>
+        Point C: Intersection of b and a
+      </desc>
+    </g>
+    <g id="D" class="point">
+      <circle class="bottom" cx="971.60" cy="446.83" r="5"></circle>
+      <circle class="top" cx="971.60" cy="446.83" r="5"></circle>
+      <title>Point D</title>
+      <desc>
+        Point D: Intersection of c and a
+      </desc>
+    </g>
+    <g id="E" class="point">
+      <circle class="bottom" cx="635.90" cy="253.01" r="5"></circle>
+      <circle class="top" cx="635.90" cy="253.01" r="5"></circle>
+      <title>Point E</title>
+      <desc>
+        Point E: Intersection point of b, c
+      </desc>
+    </g>
+    <g id="F" class="point">
+      <circle class="bottom" cx="635.90" cy="640.64" r="5"></circle>
+      <circle class="top" cx="635.90" cy="640.64" r="5"></circle>
+      <title>Point F</title>
+      <desc>
+        Point F: Intersection point of b, c
+      </desc>
+    </g>
+    <g id="G" class="point">
+      <circle class="bottom" cx="635.90" cy="446.83" r="5"></circle>
+      <circle class="top" cx="635.90" cy="446.83" r="5"></circle>
+      <title>Point G</title>
+      <desc>
+        Point G: Intersection of a and d
+      </desc>
+    </g>
+  </g>
+</g></svg> 
+<script src="index.js"></script>
+
diff --git a/unique-external/index.html b/unique-external/index.html
@@ -16,8 +16,6 @@
   <script src="../js/geometor.svg.js" defer></script>
   <script src="index.js" defer></script>
 
-  <style>
-  </style>
 </head>
 
 <body>
@@ -34,7 +32,6 @@
          min="0" max="100" value="0" step="any">
   <label for="progress">progress</label> -->
 </div>
-<!--SVG-->
 <svg
      version="1.1"
      baseProfile="full"