flipotronics.github.io/flypi.html at master · flipotronics/flipotronics.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>

<head>
  <title>Flipotronics modular DIY synthesizer</title>
  <meta version="1.1" />
  <meta charset="utf-8" />
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- css -->
  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="css/style.css" rel="stylesheet" media="screen">
  <link href="color/default.css" rel="stylesheet" media="screen">
  <script src="js/modernizr.custom.js"></script>
  <link rel="shortcut icon" type="image/png" href="favicon.png"/>
</head>

<body>
	  <div> <a href="https://flipotronics.com"><img src="favicon.png" width=32 height=32 /> flipotronics.com electronic music instruments</a></div>
  <div class="menu-area">
    <div id="dl-menu" class="dl-menuwrapper">
      <button class="dl-trigger">Open Menu</button>
      <ul class="dl-menu">
        <li>
          <a href="#intro">Home</a>
      </ul>

    </div>

    <!-- /dl-menuwrapper -->
  </div>

  <!-- intro area -->
  <div id="intro">

    <div class="intro-text">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="brand">
		    <h1><a href="flypi.html">FlyPi<br/>Raspberry Pi<br/>synthesizer</a></h1>
              <div class="line-spacer"></div>

            </div>
          </div>
        </div>
      </div>
    </div>

  </div>


  <!-- Specs -->
  <section id="specs" class="home-section bg-white">
   <p><span><img src="img/flypi_touch.png" width=920 /></span></p>
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>Specs</h2>
             <h3>Raspberry Pi 4</h3>
              <h3><a href="https://hexler.net/">Hexler</a> TouchOSC interface   for iPad and Android</h3>

             <h3> <a href="https://github.com/rsta2/circle"">Circle</a>  bare metal programming environment</h3>
                 <h3>Low latency < 2 msec</h3>
                 <h3>USB Midi</h3>
                  <h3>I2C DAC</h3>
                  <h3>C++ code at <a href="https://github.com/mathias-dietrich/flipotronics">Github Repository</a></h3>
          </div>
        </div>
      </div>

  <!-- Contact -->
  <section id="contact" class="home-section bg-white">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>Contact</h2>
            <p><a href="mailto:flipotronics@gmail.com">Please email us your comments and sugesstions to: <br/><br/> flipotronics@gmail.com</a></p>
          </div>
        </div>
      </div>

<!--
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div id="sendmessage">Your message has been sent. Thank you!</div>
          <div id="errormessage"></div>
          <form action="" method="post" role="form" class="contactForm">
            <div class="form-group">
              <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
              <div class="validation"></div>
            </div>
            <div class="form-group">
              <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
              <div class="validation"></div>
            </div>
            <div class="form-group">
              <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
              <div class="validation"></div>
            </div>
            <div class="form-group">
              <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
              <div class="validation"></div>
            </div>

            <div class="text-center"><button type="submit" class="btn btn-theme btn-lg btn-block">Send Message</button></div>
          </form>
          -->


  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <p>&copy; Flipotronics, San Jose, 5/10/2019, California, US.  All Rights Reserved</p>
          <div class="credits">Graphic site design by <a href="https://bootstrapmade.com/">BootstrapMade</a>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <!-- js -->
  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.smooth-scroll.min.js"></script>
  <script src="js/jquery.dlmenu.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/custom.js"></script>
  <script src="contactform/contactform.js"></script>

</body>
</html>