Official-Website/strategy.html at main · FutureShock7130/Official-Website · 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
136
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Team 7130 | Strategy Team</title>

    <!-- Add favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="pic/frc7130logo-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="pic/frc7130logo-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="pic/frc7130logo-180x180.png">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Your CSS files -->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="strategy.css">

    <!-- Bootstrap JavaScript and Popper.js -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Add any additional CSS/JS files you need -->
</head>
<body>
    <!-- Copy your EXACT header from index.html -->
    <header>
        <div class="logo">
            <img src="pic/frc7130logo.png" alt="FRC 7130 Future Shock Logo">
        </div>
        <nav class="navbar navbar-expand-lg navbar-light">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#home">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#about_us">ABOUT US</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#awards">AWARDS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index.html#sponsors">SPONSORS</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="teamsDropdown" role="button"
                           data-bs-toggle="dropdown" aria-expanded="false">
                            SUBTEAMS
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="teamsDropdown">
                            <li><a class="dropdown-item" href="./programming.html">Programming Team</a></li>
                            <li><a class="dropdown-item" href="./mechanical.html">Mechanical Team</a></li>
                            <!-- <li><a class="dropdown-item" href="./design.html">Design Team</a></li> -->
                            <li><a class="dropdown-item" href="./administrative.html">Administrative Team</a></li>
                            <li><a class="dropdown-item" href="./strategy.html">Strategy Team</a></li>
                            <li><a class="dropdown-item" href="./drive.html">Drive Team</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <div class="strategy-container fade-in">
        <div class="wrap">
            <h2>Strategy Team</h2>

            <!-- Workshop Introduction -->
            <div class="strategy-section">
                <h3>Team Overview</h3>
                <p>Learn essential FRC game strategy development and analysis techniques.</p>
            </div>

            <!-- Workshop Modules -->
            <div class="strategy-grid">
                <div class="strategy-card">
                    <h3>Pre-Game Analysis</h3>
                    <div class="strategy-links">
                        <a href="https://drive.google.com/file/d/1JUUt-PwXFlakpH3WJhdRDMCzk_yV9z78/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Human Match</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1Z3CSGM_kCFR-ig6DCbdkPV2r6EdBmOLK/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Game Analysis</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1mMxdBQh4-VVziCioyMKpZA_cKfgZEU8I/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Strategy Formulation</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1jZ8tbi9m1CEtjxkgyu8zglYyKD0G3hMp/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Scouting Tools</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1Qv2ezlAWFwSDe17Dw8em0sFJvTIWZH38/view?usp=drive_link" class="strategy-link-box" target="_blank">
                            <span class="link-title">Scouting Implementation</span>
                            <span class="link-arrow">→</span>
                        </a>
                    </div>
                </div>

                <!-- <div class="strategy-card">
                    <h3>Business Plan</h3>
                    <div class="strategy-links">
                        <a href="https://drive.google.com/file/d/1z2jjteqMNr1dKje9z2AMN3WqGC75HFBr/view?usp=drive_link" class="strategy-link-box">
                            <span class="link-title">Business Plan-1</span>
                            <span class="link-arrow">→</span>
                        </a>
                        <a href="https://drive.google.com/file/d/1Hg4IO9sgxYj8F2U0610PRmRNpIYXrR29/view?usp=drive_link" class="strategy-link-box">
                            <span class="link-title">Business Plan-2</span>
                            <span class="link-arrow">→</span>
                        </a>

                    </div>
                </div> -->

                <div class="strategy-card">
                    <h3>Scouting Tools</h3>
                    <ul>
                        <i>to be released.</i>

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

    <!-- Copy your EXACT footer from index.html -->
    <footer class="footer">
        <!-- Your footer content -->
    </footer>
</body>
</html>