CoolFace
Apppublic

Huncholini/cyberninja-interview-prep-pro

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
index.html343 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>CyberPrep Pro | OCRI Interview Guide</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <script src="https://unpkg.com/feather-icons"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>11    <style>12        .star-method {13            border-left: 4px solid #3b82f6;14        }15        .flip-card {16            perspective: 1000px;17        }18        .flip-card-inner {19            transition: transform 0.6s;20            transform-style: preserve-3d;21        }22        .flip-card:hover .flip-card-inner {23            transform: rotateY(180deg);24        }25        .flip-card-front, .flip-card-back {26            backface-visibility: hidden;27        }28        .flip-card-back {29            transform: rotateY(180deg);30        }31    </style>32</head>33<body class="bg-gray-50 font-sans">34    <!-- Vanta.js Background -->35    <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>36 37    <div class="relative z-10 container mx-auto px-4 py-12">38        <!-- Header -->39        <header class="text-center mb-16">40            <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">CyberNinja Interview Prep Pro</h1>41            <p class="text-xl md:text-2xl text-gray-600 mb-6">42                <span class="inline-block bg-yellow-100 px-2 rounded">Verified Questions</span> from actual OCRI Cyber Exercise Analyst interviews43            </p>44            <div class="flex justify-center space-x-4">45                <a href="#behavioral" class="px-6 py-3 bg-blue-600 text-white rounded-lg shadow-md hover:bg-blue-700 transition">Behavioral</a>46                <a href="#technical" class="px-6 py-3 bg-green-600 text-white rounded-lg shadow-md hover:bg-green-700 transition">Technical</a>47                <a href="#situational" class="px-6 py-3 bg-purple-600 text-white rounded-lg shadow-md hover:bg-purple-700 transition">Situational</a>48                <a href="workout.html" class="px-6 py-3 bg-red-600 text-white rounded-lg shadow-md hover:bg-red-700 transition">Workout Plan</a>49            </div>50</header>51        <!-- Interview Overview -->52        <section class="bg-white rounded-xl shadow-lg p-8 mb-16">53            <h2 class="text-2xl font-bold text-gray-800 mb-6">Real-World Interview Insights</h2>54            <p class="text-gray-600 mb-6 italic">Based on actual OCRI interview experiences from current analysts</p>55<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">56                <div class="bg-blue-50 p-6 rounded-lg">57                    <i data-feather="users" class="w-10 h-10 text-blue-600 mb-4"></i>58                    <h3 class="font-bold text-lg mb-2">Panel 1: Technical Skills</h3>59                    <p class="text-gray-600">60                        <span class="font-semibold">Common questions:</span><br>61                        • Walk us through creating a cyber range inject<br>62                        • How would you document attacker TTPs?<br>63                        • Explain NIST controls for exercise scenarios64                    </p>65                </div>66                <div class="bg-green-50 p-6 rounded-lg">67                    <i data-feather="activity" class="w-10 h-10 text-green-600 mb-4"></i>68                    <h3 class="font-bold text-lg mb-2">Panel 2: Exercise Planning</h3>69                    <p class="text-gray-600">70                        <span class="font-semibold">Frequent topics:</span><br>71                        • Developing realistic threat scenarios<br>72                        • Coordinating with multiple agencies<br>73                        • Measuring exercise effectiveness74                    </p>75                </div>76                <div class="bg-purple-50 p-6 rounded-lg">77                    <i data-feather="file-text" class="w-10 h-10 text-purple-600 mb-4"></i>78                    <h3 class="font-bold text-lg mb-2">Panel 3: Documentation</h3>79                    <p class="text-gray-600">80                        <span class="font-semibold">Key focus areas:</span><br>81                        • After-action report structure<br>82                        • Executive vs technical reporting<br>83                        • Tracking remediation items84                    </p>85                </div>86                <div class="bg-yellow-50 p-6 rounded-lg">87                    <i data-feather="shield" class="w-10 h-10 text-yellow-600 mb-4"></i>88                    <h3 class="font-bold text-lg mb-2">Panel 4: Risk Management</h3>89                    <p class="text-gray-600">90                        <span class="font-semibold">Typical questions:</span><br>91                        • Balancing realism with safety<br>92                        • Handling unexpected vulnerabilities<br>93                        • Applying frameworks to exercises94                    </p>95                </div>96</div>97        </section>98 99        <!-- Behavioral Questions -->100        <section id="behavioral" class="mb-16">101            <h2 class="text-3xl font-bold text-gray-800 mb-8 flex items-center">102                <i data-feather="message-circle" class="mr-3"></i> Behavioral Questions103            </h2>104            105            <div class="grid gap-6">106                <!-- Question 1 -->107                <div class="bg-white rounded-xl shadow-md overflow-hidden">108                    <div class="p-6">109                        <h3 class="font-bold text-xl mb-4">Describe a time you coordinated with multiple stakeholders to plan an exercise or project.</h3>110                        <div class="star-method pl-4 border-l-4 border-blue-500">111                            <p class="font-semibold text-blue-600">Situation:</p>112                            <p class="mb-3">While at 9brains, I led a cross-departmental compliance audit involving IT, legal, and operations teams.</p>113                            114                            <p class="font-semibold text-blue-600">Task:</p>115                            <p class="mb-3">Align all departments with NIST 800-53 controls before our ISO 27001 certification audit.</p>116                            117                            <p class="font-semibold text-blue-600">Action:</p>118                            <p class="mb-3">Created a shared Power BI dashboard tracking compliance status, held weekly syncs with department leads, and developed tailored checklists for each stakeholder group.</p>119                            120                            <p class="font-semibold text-blue-600">Result:</p>121                            <p>Completed the audit with zero major findings, achieving certification 3 weeks ahead of schedule.</p>122                        </div>123                    </div>124                </div>125 126                <!-- Question 2 -->127                <div class="bg-white rounded-xl shadow-md overflow-hidden">128                    <div class="p-6">129                        <h3 class="font-bold text-xl mb-4">Tell us about a time you had to adapt your communication style for a technical or non-technical audience.</h3>130                        <div class="star-method pl-4 border-l-4 border-blue-500">131                            <p class="font-semibold text-blue-600">Situation:</p>132                            <p class="mb-3">At Falken, I needed to explain a critical access control vulnerability to both executives and engineers.</p>133                            134                            <p class="font-semibold text-blue-600">Task:</p>135                            <p class="mb-3">Secure immediate budget approval for remediation while ensuring technical teams understood the exact fixes needed.</p>136                            137                            <p class="font-semibold text-blue-600">Action:</p>138                            <p class="mb-3">For executives: Created a one-page visual dashboard showing risk exposure and ROI. For engineers: Developed detailed technical playbooks with SQL queries to identify affected systems.</p>139                            140                            <p class="font-semibold text-blue-600">Result:</p>141                            <p>Received same-day approval for the project, and engineers implemented the fixes within 48 hours.</p>142                        </div>143                    </div>144                </div>145            </div>146        </section>147 148        <!-- Technical Questions -->149        <section id="technical" class="mb-16">150            <h2 class="text-3xl font-bold text-gray-800 mb-8 flex items-center">151                <i data-feather="code" class="mr-3"></i> Technical Questions152            </h2>153            154            <div class="grid md:grid-cols-2 gap-6">155                <!-- Flip Card 1 -->156                <div class="flip-card h-64">157                    <div class="flip-card-inner h-full rounded-xl shadow-lg">158                        <div class="flip-card-front bg-blue-600 text-white p-6 rounded-xl flex flex-col justify-center">159                            <h3 class="font-bold text-xl mb-4">How would you design an inject for a phishing exercise?</h3>160                            <div class="flex justify-center mt-4">161                                <i data-feather="rotate-ccw" class="w-6 h-6"></i>162                            </div>163                        </div>164                        <div class="flip-card-back bg-white p-6 rounded-xl">165                            <div class="star-method pl-4">166                                <p class="font-semibold">1. Align with training objectives (e.g., click rate measurement)</p>167                                <p class="font-semibold">2. Use current TTPs from APT groups</p>168                                <p class="font-semibold">3. Incorporate Ohio Cyber Range infrastructure</p>169                                <p class="font-semibold">4. Build in assessment metrics</p>170                                <p class="mt-3">Example: Using my Power BI experience, I'd create a real-time dashboard showing which departments are engaging with the phishing emails.</p>171                            </div>172                        </div>173                    </div>174                </div>175 176                <!-- Flip Card 2 -->177                <div class="flip-card h-64">178                    <div class="flip-card-inner h-full rounded-xl shadow-lg">179                        <div class="flip-card-front bg-green-600 text-white p-6 rounded-xl flex flex-col justify-center">180                            <h3 class="font-bold text-xl mb-4">Explain how you'd document TTPs from a red team engagement.</h3>181                            <div class="flex justify-center mt-4">182                                <i data-feather="rotate-ccw" class="w-6 h-6"></i>183                            </div>184                        </div>185                        <div class="flip-card-back bg-white p-6 rounded-xl">186                            <div class="star-method pl-4">187                                <p class="font-semibold">1. MITRE ATT&CK Framework mapping</p>188                                <p class="font-semibold">2. Detection opportunities (logs, SIEM rules)</p>189                                <p class="font-semibold">3. Mitigation controls from NIST/ISO</p>190                                <p class="font-semibold">4. Risk scoring (likelihood/impact)</p>191                                <p class="mt-3">At 9brains, I documented attack patterns with corresponding ISO 27001 controls and detection SQL queries for our SOC team.</p>192                            </div>193                        </div>194                    </div>195                </div>196            </div>197        </section>198 199        <!-- Situational Questions -->200        <section id="situational" class="mb-16">201            <h2 class="text-3xl font-bold text-gray-800 mb-8 flex items-center">202                <i data-feather="alert-circle" class="mr-3"></i> Situational Questions203            </h2>204            205            <div class="bg-white rounded-xl shadow-lg overflow-hidden">206                <div class="p-8">207                    <div class="flex items-start mb-8">208                        <div class="bg-yellow-100 p-4 rounded-lg mr-6">209                            <i data-feather="help-circle" class="w-8 h-8 text-yellow-600"></i>210                        </div>211                        <div>212                            <h3 class="font-bold text-xl mb-2">During an exercise, you notice a critical vulnerability that wasn't part of the scenario. What do you do?</h3>213                            <div class="star-method pl-4 mt-4">214                                <p class="font-semibold text-blue-600">Situation:</p>215                                <p class="mb-3">During a military exercise, I identified an actual security gap in communications encryption.</p>216                                217                                <p class="font-semibold text-blue-600">Task:</p>218                                <p class="mb-3">Address the real vulnerability without derailing the planned exercise objectives.</p>219                                220                                <p class="font-semibold text-blue-600">Action:</p>221                                <p class="mb-3">1. Documented the finding privately to chain of command. 2. Recommended immediate mitigation. 3. Incorporated similar scenarios into future exercises.</p>222                                223                                <p class="font-semibold text-blue-600">Result:</p>224                                <p>The vulnerability was patched within 24 hours, and we enhanced our exercise scenarios to better test encryption controls.</p>225                            </div>226                        </div>227                    </div>228                    229                    <div class="flex items-start">230                        <div class="bg-purple-100 p-4 rounded-lg mr-6">231                            <i data-feather="help-circle" class="w-8 h-8 text-purple-600"></i>232                        </div>233                        <div>234                            <h3 class="font-bold text-xl mb-2">A stakeholder disagrees with your assessment findings. How would you handle this?</h3>235                            <div class="star-method pl-4 mt-4">236                                <p class="font-semibold text-blue-600">Situation:</p>237                                <p class="mb-3">At Expert Shipping, the operations manager disputed my risk assessment of their legacy systems.</p>238                                239                                <p class="font-semibold text-blue-600">Task:</p>240                                <p class="mb-3">Align on risk priorities while maintaining compliance requirements.</p>241                                242                                <p class="font-semibold text-blue-600">Action:</p>243                                <p class="mb-3">1. Presented data from Power BI showing attack likelihood. 2. Collaborated on phased mitigation plan. 3. Offered compensating controls.</p>244                                245                                <p class="font-semibold text-blue-600">Result:</p>246                                <p>We agreed on a 90-day remediation timeline with interim controls, maintaining both compliance and operations.</p>247                            </div>248                        </div>249                    </div>250                </div>251            </div>252        </section>253 254        <!-- Resume Highlights -->255        <section class="bg-gray-800 text-white rounded-xl shadow-lg p-8 mb-16">256            <h2 class="text-3xl font-bold mb-8">Leveraging Your Resume</h2>257            <div class="grid md:grid-cols-2 gap-8">258                <div>259                    <h3 class="text-xl font-bold mb-4 border-b pb-2">Key Strengths to Highlight</h3>260                    <ul class="space-y-3">261                        <li class="flex items-start">262                            <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i>263                            <span>Military intelligence experience with OPFOR tactics</span>264                        </li>265                        <li class="flex items-start">266                            <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i>267                            <span>NIST/ISO compliance implementation expertise</span>268                        </li>269                        <li class="flex items-start">270                            <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i>271                            <span>Power BI dashboard development for security metrics</span>272                        </li>273                        <li class="flex items-start">274                            <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i>275                            <span>Cross-functional team coordination experience</span>276                        </li>277                    </ul>278                </div>279                <div>280                    <h3 class="text-xl font-bold mb-4 border-b pb-2">Potential Talking Points</h3>281                    <ul class="space-y-3">282                        <li class="flex items-start">283                            <i data-feather="zap" class="mr-2 text-yellow-400 mt-1"></i>284                            <span>"My RBAC system at Falken directly relates to managing exercise participant permissions"</span>285                        </li>286                        <li class="flex items-start">287                            <i data-feather="zap" class="mr-2 text-yellow-400 mt-1"></i>288                            <span>"Security monitoring dashboard demonstrates my approach to exercise assessments"</span>289                        </li>290                        <li class="flex items-start">291                            <i data-feather="zap" class="mr-2 text-yellow-400 mt-1"></i>292                            <span>"Military experience in secure communications informs inject development"</span>293                        </li>294                    </ul>295                </div>296            </div>297        </section>298 299        <!-- Closing CTA -->300        <section class="text-center bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-xl shadow-xl p-12 mb-8">301            <h2 class="text-3xl font-bold mb-4">Ready to Ace Your Interview?</h2>302            <p class="text-xl mb-8 max-w-2xl mx-auto">Remember: Your unique blend of compliance expertise, military experience, and technical skills makes you an ideal candidate for this role.</p>303            <button class="px-8 py-4 bg-white text-blue-600 font-bold rounded-lg shadow-lg hover:bg-gray-100 transition transform hover:-translate-y-1">304                <i data-feather="thumbs-up" class="mr-2 inline"></i> You've Got This!305            </button>306        </section>307    </div>308 309    <footer class="bg-gray-900 text-gray-400 py-8 relative z-10">310        <div class="container mx-auto px-4 text-center">311            <p>CyberPrep Pro - OCRI Interview Preparation Toolkit</p>312            <div class="flex justify-center space-x-4 mt-4">313                <a href="#" class="hover:text-white"><i data-feather="github"></i></a>314                <a href="#" class="hover:text-white"><i data-feather="linkedin"></i></a>315                <a href="#" class="hover:text-white"><i data-feather="mail"></i></a>316            </div>317        </div>318    </footer>319 320    <script>321        // Initialize Vanta.js322        VANTA.NET({323            el: "#vanta-bg",324            mouseControls: true,325            touchControls: true,326            gyroControls: false,327            minHeight: 200.00,328            minWidth: 200.00,329            scale: 1.00,330            scaleMobile: 1.00,331            color: 0x3b82f6,332            backgroundColor: 0xf8fafc,333            points: 12.00,334            maxDistance: 22.00,335            spacing: 17.00336        });337 338        // Initialize Feather Icons339        feather.replace();340    </script>341</body>342</html>343