diff options
| author | mattkae <mattkae@protonmail.com> | 2022-11-13 19:51:56 -0500 | 
|---|---|---|
| committer | mattkae <mattkae@protonmail.com> | 2022-11-13 19:51:56 -0500 | 
| commit | f75dfb5d736b644ad2649452c3056ba71be856b8 (patch) | |
| tree | 903efbd21aa3872ec695394ae98a33e35ae79d3e /posts/linear_system_solver.html~ | |
| parent | a17411cbb8e8a67ff9c4815bd96cdd4ddb1a1ddb (diff) | |
The dumbest of blogging systems
Diffstat (limited to 'posts/linear_system_solver.html~')
| -rw-r--r-- | posts/linear_system_solver.html~ | 77 | 
1 files changed, 0 insertions, 77 deletions
| diff --git a/posts/linear_system_solver.html~ b/posts/linear_system_solver.html~ deleted file mode 100644 index a280a8b..0000000 --- a/posts/linear_system_solver.html~ +++ /dev/null @@ -1,77 +0,0 @@ - -<h2>Linear Systems Solver</h2> -<h3>2021-08-01 by Matthew Kosarek</h3> -<p> -  I wanted to write a little algorithm to visually solve linear systems of equations for fun. I am only going to deal with 3x3 matrices for now, but I'll make it so that I can easily extend it to more matrices in the future if I think that would be cool. - -  <br/><br/> - -  <div id='equation_container'> -    <div id='matrix_lhs'></div> -    <label>×</label> -    <div id='unknown_variables'></div> -    <label>=</label> -    <div id='matrix_rhs'></div> -  </div> -   -  <div id='solution_container'> -  </div> - -  <div id='actions_container'> -    <button class='action_button'id='reset_button'> -      Reset -    </button> -    <button class='action_button' id='solve_button'> -      Solve -    </button> -  </div> -   -  <script src='/posts/linear_system_solver.js'></script> - -  <style> -    #equation_container { -        display: flex; -        flex-direction: row; -        align-items: center; -        width: 100%; -        justify-content: center; -    } - -    #equation_container input { -        width: 128px; -    } - -    #equation_container > label { -        padding: 1rem; -    } - -    #matrix_lhs { -        display: grid; -        grid-gap: 1rem; -        grid-template-columns: repeat(3, 1fr); -    } - -    #unknown_variables { -        display: grid; -        grid-gap: 1rem; -    } - -    #unknown_variables > input { -        text-align: center; -    } - -    #matrix_rhs { -        display: grid; -        grid-gap: 1rem; -    } - -    #actions_container { -        padding: 1rem; -        text-align: center; -    } - -    #solve_button { -        background-color: lightgreen; -    } -  </style> -</p> | 
