StackInspectors/projectDescription.html at main · ScottyB55/StackInspectors · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Stack Inspection Spring 2023</title>
    <style>
      h1 {
        text-align: center;
      }
      h2 {
        text-align: center;
      }
      /* Style the tabs */
      .tab {
        display: flex;
        justify-content: space-evenly;
        overflow: hidden;
        background-color: #b70c0c;
      }

      /* Style the buttons that are used to open the tab content */
      .tab button {
        background-color: inherit;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        color: #ffffff;
      }

      /* Change background color of buttons on hover */
      .tab button:hover {
        background-color: #ddd;
      }

      /* Create an active/current tablink class */
      .tab button.active {
        background-color: #ccc;
      }

      /* Style the tab content */
      .tabcontent {
        display: none;
        padding: 6px 12px;
        border: 1px solid #929292;
        border-top: none;
      }
      table {
        border-spacing: 50px; /* set the spacing between columns */
      }
    </style>
  </head>
  <body>
    <h1>Stack Inspection</h1>
    <div class="tab">
      <button class="tablinks" onclick="openTab('./index.html')">Home</button>
      <button
        class="tablinks"
        onclick="openTab('./projectDescription.html')"
        id="defaultOpen"
      >
        Project Description
      </button>
      <button class="tablinks" onclick="openTab('./practicalProblems.html')">
        Problems & Solutions
      </button>
      <button class="tablinks" onclick="openTab('./hardware.html')">
        Hardware
      </button>
      <button class="tablinks" onclick="openTab('./software.html')">
        Software
      </button>
    </div>

    <script>
      function openTab(pageName) {
        window.open(pageName, "_self");
      }
    </script>
    <h2>Project Description</h2>
    <p>
      Given a hovering drone, this project aims to autonomously maintain a
      constant and safe distance between the drone and a wall in order to
      inspect the structural integrity of a power stack. The pilot of the drone
      flies to a desired wall to inspect, then, chooses to track the wall
      through keyboard input from a ground control station. The drone then locks
      onto the wall, maintaining a fixed distance from the closest point, while
      the user controls the horizontal and vertical movement. The front of the
      drone will also be controlled to point towards the closest point on the
      wall dictated by the yaw control of the drone. While the user applies a
      horizontal/vertical movement, the drone must continue to maintain the
      specified distance while moving in the direction given by the operator on
      the ground control station.
    </p>
  </body>
</html>