forked from mobibyte/social-coding
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: Updated Mobi bytes section based on Issue mobibyte#55
- Loading branch information
1 parent
6e6bfd8
commit e20668f
Showing
1 changed file
with
122 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,95 +1,134 @@ | ||
| <!doctype html> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>MOBI | About</title> | ||
| <link rel="icon" href="../src/public/mobi logo.png" /> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | ||
| <meta name="og:site_name" content="MOBI" /> | ||
| <meta name="og:type" content="website" /> | ||
| <meta name="og:url" content="https://mobi-uta.github.io/social-coding/" /> | ||
| <meta name="og:title" content="MOBI" /> | ||
| <meta name="og:description" content="MOBI Social Coding" /> | ||
| <meta | ||
| name="og:image" | ||
| content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png" | ||
| /> | ||
| <meta name="twitter:card" content="summary" /> | ||
| <meta name="twitter:site" content="@utamobi" /> | ||
| <meta name="twitter:title" content="MOBI" /> | ||
| <meta name="twitter:description" content="MOBI Social Coding" /> | ||
| <meta | ||
| name="twitter:image" | ||
| content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png" | ||
| /> | ||
| <meta | ||
| name="twitter:image:alt" | ||
| content="A design cover of MOBI, A student-led programming community at the University of Texas at Arlington." | ||
| /> | ||
| <meta name="description" content="MOBI Social Coding" /> | ||
| <link rel="icon" href="favicon.png" /> | ||
| <link rel="stylesheet" href="public/mobi.css" /> | ||
| </head> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <title>MOBI | About</title> | ||
| <link rel="icon" href="../src/public/mobi logo.png" /> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | ||
| <meta name="og:site_name" content="MOBI" /> | ||
| <meta name="og:type" content="website" /> | ||
| <meta name="og:url" content="https://mobi-uta.github.io/social-coding/" /> | ||
| <meta name="og:title" content="MOBI" /> | ||
| <meta name="og:description" content="MOBI Social Coding" /> | ||
| <meta | ||
| name="og:image" | ||
| content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png" | ||
| /> | ||
| <meta name="twitter:card" content="summary" /> | ||
| <meta name="twitter:site" content="@utamobi" /> | ||
| <meta name="twitter:title" content="MOBI" /> | ||
| <meta name="twitter:description" content="MOBI Social Coding" /> | ||
| <meta | ||
| name="twitter:image" | ||
| content="https://raw.githubusercontent.com/mobi-uta/social-coding/main/public/og-image.png" | ||
| /> | ||
| <meta | ||
| name="twitter:image:alt" | ||
| content="A design cover of MOBI, A student-led programming community at the University of Texas at Arlington." | ||
| /> | ||
| <meta name="description" content="MOBI Social Coding" /> | ||
| <link rel="icon" href="favicon.png" /> | ||
| <link rel="stylesheet" href="public/mobi.css" /> | ||
| </head> | ||
|
|
||
| <!-- Most of the fun happens here! --> | ||
| <!-- Most of the fun happens here! --> | ||
|
|
||
| <body> | ||
| <h1>About Mobi</h1> | ||
| <body> | ||
| <h1>About Mobi</h1> | ||
|
|
||
| <!-- HEY SECTION --> | ||
| <section class="hey"> | ||
| <div class="hey-div"> | ||
| <h2 calss="hey-title">HEY ✌️</h2> | ||
| <p class="hey-description"> | ||
| We're Mobi, an app development club just for you.<br />We're a | ||
| community of developer friends that are here to help you code and | ||
| have fun! | ||
| </p> | ||
| </div> | ||
| </section> | ||
| <!-- HEY SECTION --> | ||
| <section class="hey"> | ||
| <div class="hey-div"> | ||
| <h2 calss="hey-title">HEY ✌️</h2> | ||
| <p class="hey-description"> | ||
| We're Mobi, an app development club just for you.<br />We're a | ||
| community of developer friends that are here to help you code and have | ||
| fun! | ||
| </p> | ||
| </div> | ||
| </section> | ||
|
|
||
| <h2>MEMBERSHIP</h2> | ||
| <h2>MEMBERSHIP</h2> | ||
|
|
||
| <h2>PHILOSOPHY</h2> | ||
| <h2>PHILOSOPHY</h2> | ||
|
|
||
| <h2>EVENTS</h2> | ||
| <h2>EVENTS</h2> | ||
|
|
||
| <h2>MOBI BYTES</h2> | ||
| <h2>MOBI BYTES</h2> | ||
| <!-- MOBI BYTES SECTION --> | ||
| <section class="mobi-bytes"> | ||
| <div class="mobi-bytes"> | ||
| <p class="mobi-bytes"> | ||
| Our YouTube workshops! <br /> | ||
| These byte sized videos guarantee you gain a vital new tech skill for | ||
| your next project. | ||
| </p> | ||
| <div class="videos"> | ||
| <div class="video"> | ||
| <iframe | ||
| width="560" | ||
| height="315" | ||
| src="https://www.youtube.com/embed/N12wZBzG4Hw?si=56E9WDwxF0wjO4sJ" | ||
| title="YouTube video player" | ||
| frameborder="0" | ||
| allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
| allowfullscreen | ||
| ></iframe> | ||
| <iframe | ||
| width="560" | ||
| height="315" | ||
| src="https://www.youtube.com/embed/xAZWmHoPD0o?si=WjB-BQbftscqrwOh" | ||
| title="YouTube video player" | ||
| frameborder="0" | ||
| allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
| allowfullscreen | ||
| ></iframe> | ||
| <iframe | ||
| width="560" | ||
| height="315" | ||
| src="https://www.youtube.com/embed/fwFvR254_rA?si=HxdI5WZWGb7nDhVe" | ||
| title="YouTube video player" | ||
| frameborder="0" | ||
| allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
| allowfullscreen | ||
| ></iframe> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <h2>SOCIAL CODING</h2> | ||
|
|
||
| <h2>SOCIAL CODING</h2> | ||
| <!-- CALENDER SECTION --> | ||
| <section class="calender"> | ||
| <div class="calender-div"> | ||
| <h2 calss="calender-title">CALENDER</h2> | ||
| <p class="calender-description"> | ||
| This is tentative, by the way!<br />Location to be announced. | ||
| </p> | ||
| <div class="events"> | ||
| <div class="event"> | ||
| <span class="event-name gb">GENERAL BODY</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">01-25-2024</span> | ||
| <span class="event-location overlay-text">ONLINE</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| <span class="event-location overlay-text">ONLINE</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- CALENDER SECTION --> | ||
| <section class="calender"> | ||
| <div class="calender-div"> | ||
| <h2 calss="calender-title">CALENDER</h2> | ||
| <p class="calender-description"> | ||
| This is tentative, by the way!<br />Location to be announced. | ||
| </p> | ||
| <div class="events"> | ||
| <div class="event"> | ||
| <span class="event-name gb">GENERAL BODY</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">01-25-2024</span> | ||
| <span class="event-location overlay-text">ONLINE</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| <span class="event-location overlay-text">ONLINE</span> | ||
| </div> | ||
| <div class="event"> | ||
| <span class="event-name">SOCIAL CODING</span> | ||
| <span class="event-date">02-01-2024</span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <h2>MAVPITCH</h2> | ||
|
|
||
| <h2>MAVPITCH</h2> | ||
|
|
||
| <h2>PROJECTS</h2> | ||
| </body> | ||
| <h2>PROJECTS</h2> | ||
| </body> | ||
| </html> |