Start work towards using tabs
This commit is contained in:
parent
63d114ca5e
commit
d987b7c514
3 changed files with 191 additions and 173 deletions
|
|
@ -2,3 +2,8 @@
|
||||||
|
|
||||||
A basic static personal website hosted on GitHub Pages.
|
A basic static personal website hosted on GitHub Pages.
|
||||||
Contains some basic information about me along with some of my interests.
|
Contains some basic information about me along with some of my interests.
|
||||||
|
|
||||||
|
## TODO
|
||||||
|
|
||||||
|
* TODOs in files
|
||||||
|
* Automate minifying and push to site?
|
||||||
|
|
|
||||||
353
index.html
353
index.html
|
|
@ -3,7 +3,8 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="style.css" />
|
<link rel="stylesheet" href="style.css" />
|
||||||
<link href="https://fonts.cdnfonts.com/css/jetbrains-mono" rel="stylesheet" />
|
<!--TODO: Optimize loading?-->
|
||||||
|
<!--<link href="https://fonts.cdnfonts.com/css/jetbrains-mono" rel="stylesheet" />-->
|
||||||
<title>Michael Bradley</title>
|
<title>Michael Bradley</title>
|
||||||
<meta lang="EN" />
|
<meta lang="EN" />
|
||||||
|
|
||||||
|
|
@ -16,7 +17,7 @@
|
||||||
<meta name="description" content="Michael Bradley's personal website" />
|
<meta name="description" content="Michael Bradley's personal website" />
|
||||||
<meta name="subject" content="Self-advertisement" />
|
<meta name="subject" content="Self-advertisement" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta name="summary" content="Michael Bradley is a skilled developer looking for a co-op job this summer" />
|
<meta name="summary" content="Michael Bradley is a CS student looking for a full-time job starting in February" />
|
||||||
<meta name="url" content="https://MichaelMBradley.github.io" />
|
<meta name="url" content="https://MichaelMBradley.github.io" />
|
||||||
|
|
||||||
<meta property="og:type" content="website" />
|
<meta property="og:type" content="website" />
|
||||||
|
|
@ -27,11 +28,11 @@
|
||||||
|
|
||||||
<meta property="og:url" content="https://MichaelMBradley.github.io" />
|
<meta property="og:url" content="https://MichaelMBradley.github.io" />
|
||||||
<meta property="og:site" content="Michael Bradley" />
|
<meta property="og:site" content="Michael Bradley" />
|
||||||
<meta property="og:title" content="Michael's Personal website" />
|
<meta property="og:title" content="Michael's personal website" />
|
||||||
<meta property="og:description" content="A summary of my education, skills, and some projects I've worked on." />
|
<meta property="og:description" content="A summary of my education, skills, and some projects I've worked on." />
|
||||||
<meta property="og:image" content="https://MichaelMBradley.github.io/assets/thumb.png" />
|
<meta property="og:image" content="https://MichaelMBradley.github.io/assets/thumb.png" />
|
||||||
<meta property="og:image:secure_url" content="https://MichaelMBradley.github.io/assets/thumb.png" />
|
<meta property="og:image:secure_url" content="https://MichaelMBradley.github.io/assets/thumb.png" />
|
||||||
<meta property="og:image:alt" content="Michael Bradley is a skilled developer looking for a co-op job this summer." />
|
<meta property="og:image:alt" content="Michael Bradley is a CS student looking for a full-time job starting in February" />
|
||||||
<meta property="og:image:type" content="image/png" />
|
<meta property="og:image:type" content="image/png" />
|
||||||
<meta property="og:image:width" content="4203" />
|
<meta property="og:image:width" content="4203" />
|
||||||
<meta property="og:image:height" content="2253" />
|
<meta property="og:image:height" content="2253" />
|
||||||
|
|
@ -103,6 +104,7 @@
|
||||||
</svg>
|
</svg>
|
||||||
</label>
|
</label>
|
||||||
<div id="fetch">
|
<div id="fetch">
|
||||||
|
<!--TODO: Automate screenshot of this div as preview photo?-->
|
||||||
<div id="michael-photo-container">
|
<div id="michael-photo-container">
|
||||||
<img src="assets/MichaelBradley.jpg" alt="A picture of me in a suit smiling" id="michael-photo">
|
<img src="assets/MichaelBradley.jpg" alt="A picture of me in a suit smiling" id="michael-photo">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -147,174 +149,181 @@
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info-section">
|
<div class="tab-container">
|
||||||
<h1>Projects</h1>
|
<a id="projects"></a>
|
||||||
<div class="info-group">
|
<a href="#projects">Projects</a>
|
||||||
<h2>dotfiles</h2>
|
<div class="info-section">
|
||||||
<p>
|
<div class="info-group">
|
||||||
I use a highly customized Arch Linux installation on my desktop and laptop, so I created the repository to help sync the configuration files.
|
<h2>dotfiles</h2>
|
||||||
</p>
|
<p>
|
||||||
<a href="https://github.com/MichaelMBradley/dotfiles">
|
I use a highly customized Arch Linux installation on my desktop and laptop, so I created the repository to help sync the configuration files.
|
||||||
<img src="https://raw.githubusercontent.com/MichaelMBradley/dotfiles/master/laptop.png" alt="Screenshot of several windows open in an Arch Linux installation" />
|
</p>
|
||||||
</a>
|
<a href="https://github.com/MichaelMBradley/dotfiles">
|
||||||
</div>
|
<img src="https://raw.githubusercontent.com/MichaelMBradley/dotfiles/master/laptop.png" alt="Screenshot of several windows open in an Arch Linux installation" />
|
||||||
<div class="info-group">
|
</a>
|
||||||
<h2>Holiday Cards</h2>
|
</div>
|
||||||
<p>
|
<div class="info-group">
|
||||||
Created a GitHub Pages site to securely deliver private messages to friends and family.
|
<h2>Holiday Cards</h2>
|
||||||
When given a link with a decryption key, the appropriate message would be unencrypted, run through a custom minimal Markdown parser, and displayed to the recipient.
|
<p>
|
||||||
Along with the message, a deterministically random "snowflake" graphic would be generated with the <a href="https://p5js.org/">p5.js</a> library for each unique recipient.
|
Created a GitHub Pages site to securely deliver private messages to friends and family.
|
||||||
</p>
|
When given a link with a decryption key, the appropriate message would be unencrypted, run through a custom minimal Markdown parser, and displayed to the recipient.
|
||||||
<a href="https://github.com/MichaelMBradley/holidaycards2022">
|
Along with the message, a deterministically random "snowflake" graphic would be generated with the <a href="https://p5js.org/">p5.js</a> library for each unique recipient.
|
||||||
<img src="assets/HolidayCard.png" alt="Screenshot of an example holiday card" />
|
</p>
|
||||||
</a>
|
<a href="https://github.com/MichaelMBradley/holidaycards2022">
|
||||||
</div>
|
<img src="assets/HolidayCard.png" alt="Screenshot of an example holiday card" />
|
||||||
<div class="info-group">
|
</a>
|
||||||
<h2>Heartbeat Analyzer</h2>
|
</div>
|
||||||
<p>
|
<div class="info-group">
|
||||||
Analyzes the (fictional) heartbeat of the user, and displays the statistics it generates.
|
<h2>Heartbeat Analyzer</h2>
|
||||||
Completed in a group of 4 for a class project using Qt C++.
|
<p>
|
||||||
I personally worked on the heart rate sensor data generation, functionality to save sessions, various bug fixes (including tracking down memory leaks), as well as some documentation in the planning stage before any code was written.
|
Analyzes the (fictional) heartbeat of the user, and displays the statistics it generates.
|
||||||
</p>
|
Completed in a group of 4 for a class project using Qt C++.
|
||||||
<a href="https://github.com/TahaInc/heartwave">
|
I personally worked on the heart rate sensor data generation, functionality to save sessions, various bug fixes (including tracking down memory leaks), as well as some documentation in the planning stage before any code was written.
|
||||||
<img src="https://raw.githubusercontent.com/TahaInc/heartwave/main/images/screenshot_2.png" alt="Screenshot of the graphical user interface" />
|
</p>
|
||||||
</a>
|
<a href="https://github.com/TahaInc/heartwave">
|
||||||
</div>
|
<img src="https://raw.githubusercontent.com/TahaInc/heartwave/main/images/screenshot_2.png" alt="Screenshot of the graphical user interface" />
|
||||||
<div class="info-group">
|
</a>
|
||||||
<h2>Multi-Agent Pathfinding</h2>
|
</div>
|
||||||
<p>
|
<div class="info-group">
|
||||||
Fills a grid with various types of "trash", and then simulates agents moving through the grid to clean it up.
|
<h2>Multi-Agent Pathfinding</h2>
|
||||||
Completed in a group of 3 for a class project using Python.
|
<p>
|
||||||
I personally came up with the controller API, implemented the faster "independent" agent controllers, and implemented the UI using the <a href="https://textual.textualize.io/">Textual</a> framework (including a variety of helpful debugging and configuration tools).
|
Fills a grid with various types of "trash", and then simulates agents moving through the grid to clean it up.
|
||||||
</p>
|
Completed in a group of 3 for a class project using Python.
|
||||||
<a href="https://github.com/vishalparmar01/comp3106-Project">
|
I personally came up with the controller API, implemented the faster "independent" agent controllers, and implemented the UI using the <a href="https://textual.textualize.io/">Textual</a> framework (including a variety of helpful debugging and configuration tools).
|
||||||
<img src="https://raw.githubusercontent.com/vishalparmar01/comp3106-Project/main/docs/example.png" alt="Screenshot of the simulation terminal user interface" />
|
</p>
|
||||||
</a>
|
<a href="https://github.com/vishalparmar01/comp3106-Project">
|
||||||
</div>
|
<img src="https://raw.githubusercontent.com/vishalparmar01/comp3106-Project/main/docs/example.png" alt="Screenshot of the simulation terminal user interface" />
|
||||||
<div class="info-group">
|
</a>
|
||||||
<h2>Personal Website</h2>
|
</div>
|
||||||
<p>
|
<div class="info-group">
|
||||||
What you're looking at right now!
|
<h2>Personal Website</h2>
|
||||||
This website is designed to work without any JavaScript, it's pure HTML+CSS.
|
<p>
|
||||||
</p>
|
What you're looking at right now!
|
||||||
<a href="https://github.com/MichaelMBradley/MichaelMBradley.github.io">
|
This website is designed to work without any JavaScript, it's pure HTML+CSS.
|
||||||
<div id="droste" aria-label="An image of the 'fetch' section above"></div>
|
</p>
|
||||||
</a>
|
<a href="https://github.com/MichaelMBradley/MichaelMBradley.github.io">
|
||||||
</div>
|
<div id="droste" aria-label="An image of the 'fetch' section above"></div>
|
||||||
</div>
|
</a>
|
||||||
<div class="info-section">
|
</div>
|
||||||
<h1>Accomplishments</h1>
|
</div>
|
||||||
<ul>
|
<a id="work"></a>
|
||||||
<li>2023 - Nominated for Carleton University's Co-op of the Year award</li>
|
<a href="#work">Work Experience</a>
|
||||||
<li>2021 - Awarded the Dean's Summer Research Internship</li>
|
<div class="info-section">
|
||||||
</ul>
|
<div class="info-group">
|
||||||
</div>
|
<h2>Emids</h2>
|
||||||
<div class="info-section">
|
<p>
|
||||||
<h1>Work Experience</h1>
|
My most recent co-op job was as a Software Developer at Emids, where I worked on their InQ Telehealth solution.
|
||||||
<div class="info-group">
|
While there, I contributed to a new service (the RAAM One Front Door) throughout its entire development life cycle, adding new pages and features, and optimizing UI components.
|
||||||
<h2>Emids</h2>
|
</p>
|
||||||
<p>
|
<p class="indent">
|
||||||
My most recent co-op job was as a Software Developer at Emids, where I worked on their InQ Telehealth solution.
|
Most of my work was done on the front-end in TypeScript using React, which prior to the position I had almost no experience in but picked up so quickly that I became one of the driving forces in enforcing stricter typing and reducing the use of "Any".
|
||||||
While there, I contributed to a new service (the RAAM One Front Door) throughout its entire development life cycle, adding new pages and features, and optimizing UI components.
|
Despite having never used React before, I became so proficient in it that by the end my superiors informed me that I was one of the best co-ops they’d ever had and nominated me for Carleton University’s Co-op of the Year award.
|
||||||
</p>
|
</p>
|
||||||
<p class="indent">
|
<p class="indent">
|
||||||
Most of my work was done on the front-end in TypeScript using React, which prior to the position I had almost no experience in but picked up so quickly that I became one of the driving forces in enforcing stricter typing and reducing the use of "Any".
|
I also added new features to the back-end after quickly learning the in-house functional language it was written in.
|
||||||
Despite having never used React before, I became so proficient in it that by the end my superiors informed me that I was one of the best co-ops they’d ever had and nominated me for Carleton University’s Co-op of the Year award.
|
During this work I found that working on something that made its way directly to customers gave me an extra drive to improve my work, as every extra little bit that I did might make someone else’s life easier.
|
||||||
</p>
|
</p>
|
||||||
<p class="indent">
|
<p>May-Aug 2023</p>
|
||||||
I also added new features to the back-end after quickly learning the in-house functional language it was written in.
|
</div>
|
||||||
During this work I found that working on something that made its way directly to customers gave me an extra drive to improve my work, as every extra little bit that I did might make someone else’s life easier.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Ross (part-time)</h2>
|
||||||
<p>May-Aug 2023</p>
|
<p>
|
||||||
</div>
|
After my 8-month co-op term at Ross Video was complete, I was re-hired on a part-time basis to research tracing Python library function call stacks to automatically generate unit tests, as well as updates to the structure of their internal testing framework.
|
||||||
<div class="info-group">
|
</p>
|
||||||
<h2>Ross (part-time)</h2>
|
<p>Jan-Mar 2023</p>
|
||||||
<p>
|
</div>
|
||||||
After my 8-month co-op term at Ross Video was complete, I was re-hired on a part-time basis to research tracing Python library function call stacks to automatically generate unit tests, as well as updates to the structure of their internal testing framework.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Ross</h2>
|
||||||
<p>Jan-Mar 2023</p>
|
<p>
|
||||||
</div>
|
At Ross Video I completed an 8-month co-op where I worked as a Test Automation & Software Developer (a DevOps role) on the Enablement Team.
|
||||||
<div class="info-group">
|
I started by using an in-house testing framework to automate web app security tests that needed to be run as part of any product release to ensure that no vulnerabilities had been introduced.
|
||||||
<h2>Ross</h2>
|
By integrating the OWASP ZAP and tenable.io Python APIs with an internally developed testing framework, I made it simpler to ensure that the web apps we were releasing were safe.
|
||||||
<p>
|
</p>
|
||||||
At Ross Video I completed an 8-month co-op where I worked as a Test Automation & Software Developer (a DevOps role) on the Enablement Team.
|
<p class="indent">
|
||||||
I started by using an in-house testing framework to automate web app security tests that needed to be run as part of any product release to ensure that no vulnerabilities had been introduced.
|
I then made a large refactor to the testing framework itself.
|
||||||
By integrating the OWASP ZAP and tenable.io Python APIs with an internally developed testing framework, I made it simpler to ensure that the web apps we were releasing were safe.
|
In the refactor I edited about 15 thousand lines of Python code to standardize the return types of the internal library functions, improve older test cases which were not well-written, and add type-hinting to provide additional information to developers.
|
||||||
</p>
|
</p>
|
||||||
<p class="indent">
|
<p class="indent">
|
||||||
I then made a large refactor to the testing framework itself.
|
Finally, I used Jenkins to create generic CI/CD jobs that could build and test the firmware for any of the products we were working on which help developers be confident that the features they’re introducing are not silently adding bugs.
|
||||||
In the refactor I edited about 15 thousand lines of Python code to standardize the return types of the internal library functions, improve older test cases which were not well-written, and add type-hinting to provide additional information to developers.
|
As the feature set of Jenkins did not meet our needs, I became proficient in shell scripting to add any missing features required to create our pipelines.
|
||||||
</p>
|
</p>
|
||||||
<p class="indent">
|
<p>May-Dec 2022</p>
|
||||||
Finally, I used Jenkins to create generic CI/CD jobs that could build and test the firmware for any of the products we were working on which help developers be confident that the features they’re introducing are not silently adding bugs.
|
</div>
|
||||||
As the feature set of Jenkins did not meet our needs, I became proficient in shell scripting to add any missing features required to create our pipelines.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Carleton University</h2>
|
||||||
<p>May-Dec 2022</p>
|
<p>
|
||||||
</div>
|
In 2021, I was awarded the Dean’s Summer Research Internship.
|
||||||
<div class="info-group">
|
I worked under a Carleton Professor in the Graphics, Imaging, and Games Lab examining using circle-packing to create a polycurve enclosing an arbitrary area.
|
||||||
<h2>Carleton University</h2>
|
This work was done with the goal of being a tool for future GIGL publications in image stylization.
|
||||||
<p>
|
After writing this code in Java with the Processing graphics library, I used LaTeX to create a report for the lab.
|
||||||
In 2021, I was awarded the Dean’s Summer Research Internship.
|
The work was done remotely and independently, and it taught me how to effectively manage my own time and create realistic deadlines.
|
||||||
I worked under a Carleton Professor in the Graphics, Imaging, and Games Lab examining using circle-packing to create a polycurve enclosing an arbitrary area.
|
</p>
|
||||||
This work was done with the goal of being a tool for future GIGL publications in image stylization.
|
<p>May-Aug 2021</p>
|
||||||
After writing this code in Java with the Processing graphics library, I used LaTeX to create a report for the lab.
|
</div>
|
||||||
The work was done remotely and independently, and it taught me how to effectively manage my own time and create realistic deadlines.
|
</div>
|
||||||
</p>
|
<a id="accomplishments"></a>
|
||||||
<p>May-Aug 2021</p>
|
<a href="#accomplishments">Accomplishments</a>
|
||||||
</div>
|
<div class="info-section">
|
||||||
</div>
|
<ul>
|
||||||
<div class="info-section">
|
<li>2023 - Nominated for Carleton University's Co-op of the Year award</li>
|
||||||
<h1>Notable Courses</h1>
|
<li>2021 - Awarded the Dean's Summer Research Internship</li>
|
||||||
<div class="info-group">
|
</ul>
|
||||||
<h2>Introduction to Machine Learning</h2>
|
</div>
|
||||||
<p>
|
<a id="courses"></a>
|
||||||
Progressed from basic implementations of gradient descent on simple linear models to using SciPy functions to optimize kernel-based models on the outputs of unsupervised learning methods like principal component analysis.
|
<a href="#courses">Courses</a>
|
||||||
Analysed neural networks of various types (deep, convolutional, recurrent), but a fuller understanding and implementation will come about as a result of a course I am currently taking dedicated to neural nets.
|
<div class="info-section">
|
||||||
</p>
|
<div class="info-group">
|
||||||
<p>A+</p>
|
<h2>Introduction to Machine Learning</h2>
|
||||||
</div>
|
<p>
|
||||||
<div class="info-group">
|
Progressed from basic implementations of gradient descent on simple linear models to using SciPy functions to optimize kernel-based models on the outputs of unsupervised learning methods like principal component analysis.
|
||||||
<h2>Introduction to Artificial Intelligence</h2>
|
Analysed neural networks of various types (deep, convolutional, recurrent), but a fuller understanding and implementation will come about as a result of a course I am currently taking dedicated to neural nets.
|
||||||
<p>
|
</p>
|
||||||
Analyzed alternate methods of computer intelligence including graph search, Bayesian inference, fuzzy rules-based systems and reinforcement learning.
|
<p>A+</p>
|
||||||
Final project was to create controllers for three garbage-collecting robots operating on a simple grid to collect trash in an optimal manner.
|
</div>
|
||||||
I optimized my agents with a heuristic penalizing potential targets based on their distance from the convex hull of the set of trash, ensuring that they would work their way inwards instead of taking a random walk.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Introduction to Artificial Intelligence</h2>
|
||||||
<p>A+</p>
|
<p>
|
||||||
</div>
|
Analyzed alternate methods of computer intelligence including graph search, Bayesian inference, fuzzy rules-based systems and reinforcement learning.
|
||||||
<div class="info-group">
|
Final project was to create controllers for three garbage-collecting robots operating on a simple grid to collect trash in an optimal manner.
|
||||||
<h2>Introduction to Robotics</h2>
|
I optimized my agents with a heuristic penalizing potential targets based on their distance from the convex hull of the set of trash, ensuring that they would work their way inwards instead of taking a random walk.
|
||||||
<p>
|
</p>
|
||||||
Built up knowledge of robotic control techniques in the <a href="https://cyberbotics.com">Webots</a> simulator.
|
<p>A+</p>
|
||||||
Started from basic wheel control, and moved on to simple video analysis, LiDAR, object detection, terrain navigation, and pathfinding in complex environments.
|
</div>
|
||||||
Final (group) project was to create controllers for 3 robots that would run in sequence to detect, pick up, and move small objects to specified endpoints.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Introduction to Robotics</h2>
|
||||||
<p>A+</p>
|
<p>
|
||||||
</div>
|
Built up knowledge of robotic control techniques in the <a href="https://cyberbotics.com">Webots</a> simulator.
|
||||||
<div class="info-group">
|
Started from basic wheel control, and moved on to simple video analysis, LiDAR, object detection, terrain navigation, and pathfinding in complex environments.
|
||||||
<h2>Computer Game Design and Development</h2>
|
Final (group) project was to create controllers for 3 robots that would run in sequence to detect, pick up, and move small objects to specified endpoints.
|
||||||
<p>
|
</p>
|
||||||
Created simple interactive programs using C++ and OpenGL, including programming some basic shaders in GLSL.
|
<p>A+</p>
|
||||||
Final project was to create a more involved game including a larger scrolling environment, basic AI enemies, win conditions, and more advanced controls.
|
</div>
|
||||||
I was forced to complete my final group project individually after my group-mates dropped the course, and still managed to receive an A.
|
<div class="info-group">
|
||||||
</p>
|
<h2>Computer Game Design and Development</h2>
|
||||||
<p>A+</p>
|
<p>
|
||||||
</div>
|
Created simple interactive programs using C++ and OpenGL, including programming some basic shaders in GLSL.
|
||||||
<div class="info-group">
|
Final project was to create a more involved game including a larger scrolling environment, basic AI enemies, win conditions, and more advanced controls.
|
||||||
<h2>Quantum Computing and Information</h2>
|
I was forced to complete my final group project individually after my group-mates dropped the course, and still managed to receive an A.
|
||||||
<p>
|
</p>
|
||||||
Learned the mathematical basis of quantum algorithms, and analyzed how some standard algorithms operate on entangled qubits to probabilistically determine the answer in asymptotically better runtime.
|
<p>A+</p>
|
||||||
</p>
|
</div>
|
||||||
<p>A+</p>
|
<div class="info-group">
|
||||||
</div>
|
<h2>Quantum Computing and Information</h2>
|
||||||
<div class="info-group">
|
<p>
|
||||||
<h2>In Progress:</h2>
|
Learned the mathematical basis of quantum algorithms, and analyzed how some standard algorithms operate on entangled qubits to probabilistically determine the answer in asymptotically better runtime.
|
||||||
<ul>
|
</p>
|
||||||
<li>Neural Networks</li>
|
<p>A+</p>
|
||||||
<li>Computer Vision</li>
|
</div>
|
||||||
<li>Computer Graphics</li>
|
<div class="info-group">
|
||||||
</ul>
|
<h2>In Progress:</h2>
|
||||||
</div>
|
<ul>
|
||||||
|
<li>Neural Networks</li>
|
||||||
|
<li>Computer Vision</li>
|
||||||
|
<li>Computer Graphics</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -321,12 +321,16 @@ h1, h2 {
|
||||||
margin-left: 5rem;
|
margin-left: 5rem;
|
||||||
margin-right: 5rem;
|
margin-right: 5rem;
|
||||||
|
|
||||||
display: flex;
|
display: none;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
row-gap: 2rem;
|
row-gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:target + a + .info-section {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
.info-group {
|
.info-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue