Main Page: Difference between revisions

no edit summary
No edit summary
Line 22: Line 22:
     max-width: 30%;
     max-width: 30%;
     min-width: 8rem;
     min-width: 8rem;
  }
  .main-flex-card-inner {
    border: 0.4rem solid #555555;
    border-radius: 1rem;
   }
   }
   .main-card-container h6 {
   .main-card-container-inner h6 {
     text-align:center
     text-align:center
   }
   }
   .main-flex-card ul {
   .main-flex-card-inner ul {
     width: fit-content;
     width: fit-content;
     width: -moz-fit-content;
     width: -moz-fit-content;
Line 32: Line 36:
     margin: auto;
     margin: auto;
   }
   }
   .main-flex-card ul li {
   .main-flex-card-inner ul li {
     width: fit-content;
     width: fit-content;
     width: -moz-fit-content;
     width: -moz-fit-content;
     max-width: 100%;
     max-width: 100%;
   }
   }
   .main-card-header{
   .main-card-header {
     font-weight: bold;
     font-weight: bold;
     text-align: center;  
     text-align: center;  
Line 48: Line 52:
   <div class="main-card-container">
   <div class="main-card-container">
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Programming</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Programming</div>
        <li>[[C++]]</li>
        <ul>
        <li>[[JavaScript]]</li>
          <li>[[C++]]</li>
        <li>[[NodeJS]]</li>
          <li>[[JavaScript]]</li>
        <li>[[Python]]</li>
          <li>[[NodeJS]]</li>
        <li>[[Julia]]</li>
          <li>[[Python]]</li>
       </ul>
          <li>[[Julia]]</li>
        </ul>
       </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Libraries</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Libraries</div>
        <li>[[TensorFlow]]</li>
        <ul>
        <li>[[PyTorch]]</li>
          <li>[[TensorFlow]]</li>
        <li>[[OpenCV]]</li>
          <li>[[PyTorch]]</li>
       </ul>
          <li>[[OpenCV]]</li>
        </ul>
       </div>
     </div>
     </div>
        <div class="main-flex-card">
    <div class="main-flex-card">
       <div class="main-card-header">Frameworks</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Frameworks</div>
        <li>[[Laravel]]</li>
        <ul>
        <li>[[Unity]]</li>
          <li>[[Laravel]]</li>
       </ul>
          <li>[[Unity]]</li>
        </ul>
       </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Software Tools</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Software Tools</div>
        <li>[[Git]]</li>
        <ul>
        <li>[[FFmpeg]]</li>
          <li>[[Git]]</li>
        <li>[[Rclone]]</li>
          <li>[[FFmpeg]]</li>
       </ul>
          <li>[[Rclone]]</li>
        </ul>
       </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Theory</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Theory</div>
        <li>[[Parallel Algorithms]]</li>
        <ul>
        <li>[[Computer Graphics]]</li>
          <li>[[Parallel Algorithms]]</li>
        <li>[[Advanced Computer Graphics]]</li>
          <li>[[Computer Graphics]]</li>
        <li>[[Machine Learning]]</li>
          <li>[[Advanced Computer Graphics]]</li>
       </ul>
          <li>[[Machine Learning]]</li>
        </ul>
       </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Typesetting</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Typesetting</div>
        <li>[[Latex]]</li>
        <ul>
        <li>[[Markdown]]</li>
          <li>[[Latex]]</li>
        <li>[[Markdeep]]</li>
          <li>[[Markdown]]</li>
        <li>[[Wikitext]]</li>
          <li>[[Markdeep]]</li>
       </ul>
          <li>[[Wikitext]]</li>
        </ul>
       </div>
     </div>
     </div>
     <div class="main-flex-card">
     <div class="main-flex-card">
       <div class="main-card-header">Operating Systems</div>
       <div class="main-flex-card-inner">
      <ul>
        <div class="main-card-header">Operating Systems</div>
        <li>[[Linux]]</li>
        <ul>
        <li>[[Windows]]</li>
          <li>[[Linux]]</li>
        <li>[[Docker (software)]]</li>
          <li>[[Windows]]</li>
        <li>[[MSYS2]]</li>
          <li>[[Docker (software)]]</li>
       </ul>
          <li>[[MSYS2]]</li>
        </ul>
       </div>
     </div>
     </div>
   </div>
   </div>