Initial quarto commit

.gitignore

@@ -0,0 +1,3 @@
+.quarto
+_site
+/.quarto/

README.md

@@ -0,0 +1,63 @@
+# Arizona Research Bazaar website
+
+### Technologies used:
+
+- [Quarto](https://nodejs.org/)
+- [Eleventy](https://www.11ty.dev/)
+- [Alpine.js](https://github.com/alpinejs/alpine)
+- [Tailwind CSS](https://tailwindcss.com/)
+
+## Getting Started
+
+### 1\. [Install Quarto](https://quarto.org/docs/get-started/)
+
+### 2\. Clone this Repository
+
+(TODO: need to update this if/when the repo moves!)
+
+```
+git clone https://github.com/resbazaz/website-draft
+# TODO: switch to this once the website is ready:
+# git clone https://github.com/resbazaz/website.git
+```
+
+### 3\. TODO
+
+(probably need python, r, etc setup... might be optional?)
+
+### 4. Previewing changes
+
+This should build the website on your machine, serve it locally, and open a browser window to see any changes as you make them:
+
+```
+cd website
+quarto preview
+```
+
+## How to contribute
+
+### Saving and pushing changes
+
+TODO: basic git fork + commit + PR flow
+
+### Editing page contents
+
+TODO: where to find markdown
+
+### Updating page elements
+
+TODO: where to find HTML, how includes and \_data work
+
+### Customizing styles
+
+TODO: Alpine, Tailwind stuff
+
+### Changing how Github builds and deploys the site
+
+TODO: `build.yml`
+
+Be advised that `src/_data/people.json` in your local respository is just an example file, that will be overwritten by the latest ResBazAZ teams on Github—so to update who is shown, and what teams are shown, you should edit the Github teams, not the JSON file.
+
+### Reconfiguring the site's infrastructure
+
+TODO: `.eleventy.js`

_quarto.yml

@@ -0,0 +1,22 @@
+project:
+  type: website
+
+website:
+  title: 'ResBaz Arizona'
+  navbar:
+    background: dark
+    foreground: primary
+    left:
+      - href: index.qmd
+        text: Home
+      - about.qmd
+
+format:
+  html:
+    theme:
+      - none
+      - theme.scss
+    resources:
+      - styles
+      - images
+    toc: true

about.qmd

@@ -0,0 +1,5 @@
+---
+title: "About"
+---
+
+About this site

index.qmd

@@ -0,0 +1,109 @@
+---
+title: "Research Bazaar–Arizona"
+page-layout: full
+css: styles/index.css
+---
+
+
+## What we do
+
+_Need help now? Want to talk? Go post in our Gitter: [resbaz/Arizona](https://gitter.im/resbaz/Arizona)_
+
+### Everyone is welcome
+
+We support an ample community of researchers from diverse areas and levels of expertise. Whether you are just starting to learn programming or you are already an expert, we have a place for you!
+
+### Collaboration
+
+Meeting and working with experts from different fields can bring a new and fresh perspective to your own work! Even more, re-inforce your skill and help train a new generation of developers by teaching others.
+
+### Community Building
+
+Meet new people in and outside of your field. Join our supportive network of data scientists and find out what we can do when we work together.
+
+## Events
+
+_Stay up to date on announcements at our Twitter: [@ResBazAZ](https://twitter.com/ResBazAZ)_
+
+_(Optionally) RSVP for our events at Meetup: [Our MeetUp](https://www.meetup.com/ResBazAZ/)_
+
+### Coffee and Code
+
+::::: {.split-section}
+
+![Coffee and Code](images/coffeeAndCode.png){.side-image .lightbox} \
+
+::: {.split-chunk}
+**Where**: [Catalyst Cafe at BSRL](https://union.arizona.edu/dining/dining-by-district/north/#Catalyst%20Caf%C3%A9) 1230 N Cherry Ave
+
+**When**: 8.30AM - 10.30AM, every Wednesday
+
+**What**: Whether you're debugging code or need ideas for how to introduce programming into your research, Coffee and Code is a great place to receive help and share knowledge! No specific problem? No worries -- join us at Coffee and Code to chit chat with other researchers in the morning. Coffee and Code is the best way to start your Wednesday!
+
+**Who you're likely to see**:
+{% include "./partials/randomAvatars.html", teamName: "Coffee and Code" %}
+
+:::
+
+:::::
+
+### Hacky Hour
+
+::::: {.split-section}
+
+::: {.split-chunk}
+
+**Where**: [Snakes & Lattes](https://www.snakesandlattes.com/tucson) 988 E University Blvd
+
+**When**: 4PM - 7PM, every Thursday
+
+**What**: Hacking + Happy Hour = HackyHour! Every week, researchers, data scientists, and programmers around campus get together. Some people bring their programming problems to get help from those with more experience. Those without projects come to discuss their research, brainstorm new ideas, try out new technologies, or chit chat about data science!
+
+**Who you're likely to see**:
+{% include "./partials/randomAvatars.html", teamName: "Hacky Hour" %}
+
+:::
+
+![Hacky Hour](images/hackyHour.png){.side-image .lightbox} \
+
+:::::
+
+## Related Community Events
+
+### Code Commons
+
+**What**: Code Commons provides a physical space for community and collaboration. Join us to share experience, learn, mentor, discover opportunities, and work on your programming projects in the presence of others doing the same.
+
+Code Commons also aims to provide the best aspects of workplace culture for people who are otherwise isolated from other developers. This includes (but isn’t limited to) people working on free, libre, open-source software (FLOSS), and software for public service missions.
+
+[More Info](https://codecommons.net/)
+
+### Tucson Python Meetup
+
+**What**: The goal of this group is to encourage more mingling, learning, and sharing ideas within the Tucson Python community. Everybody is welcome, no matter what your level of Python experience. Activities include presentations and workshops on everything from how to use Python to control the lights in your home, to building web applications which can scale to millions of users.
+
+[More Info](https://www.meetup.com/Tucson-Python-Meetup/)
+
+## TODO: finish and delete this stuff
+
+- Add UX@UA
+
+- Fix random avatars widget (see randomAvatars.html for details)... or maybe better: a webhook that auto-updates a gist + auto-republish of the page?
+
+- Fix absolute image paths (resbaz.github.io/website-draft breaks most paths)
+
+- Create Who We Are page
+
+- Add Coffee & Code widget, create necessary Github teams, and point random avatar widgets to the correct team
+
+- Revisit fonts (do we really want that Raleway thing up in the corner? Match with new footer logo?)
+
+- Decide what to do with the blog
+
+- Verify that new festival page links are still consistent
+
+- Copy code of conduct md from organization repo as part of build?
+
+- DONATE NOW button (stuff about our opencollective)
+
+- Actually include full instructions for editing + adding things in the README

styles/index.css

@@ -0,0 +1,41 @@
+.hero-wrapper {
+  position: relative;
+  padding-bottom: 4em;
+}
+
+.hero-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  background-image: linear-gradient(#1b3442b6, #00000000),
+    url('/static/img/mainPageBackground.jpg');
+  background-position: center center;
+  background-repeat: none;
+  background-size: cover;
+  z-index: -1;
+}
+
+nav .text-gray-500:not(:hover),
+nav button {
+  color: white;
+}
+
+.split-section {
+  display: flex;
+  gap: 1em;
+}
+.side-image {
+  width: 50em;
+}
+.randomAvatars {
+  display: flex;
+  gap: 1em;
+}
+.randomAvatars img {
+  width: auto;
+  height: 4em;
+  border-radius: 4em;
+}

theme.scss

@@ -0,0 +1,78 @@
+/*-- scss:defaults --*/
+
+// $theme: 'united' !default;
+
+//
+// Color system
+//
+
+$white: #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #aea79f !default;
+$gray-600: #868e96 !default;
+$gray-700: #495057 !default;
+$gray-800: #333 !default;
+$gray-900: #212529 !default;
+$black: #000 !default;
+
+$blue: #007bff !default;
+$indigo: #6610f2 !default;
+$purple: #772953 !default;
+$pink: #e83e8c !default;
+$red: #df382c !default;
+$orange: #ea5a2a !default;
+$yellow: #efb73e !default;
+$green: #38b44a !default;
+$teal: #20c997 !default;
+$cyan: #17a2b8 !default;
+
+$primary: $orange !default;
+$secondary: $gray-500 !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-200 !default;
+$dark: $gray-900 !default;
+
+$min-contrast-ratio: 1.8 !default;
+
+// Body
+
+$body-color: $gray-800 !default;
+
+// Fonts
+
+// stylelint-disable-next-line value-keyword-case
+$font-family-sans-serif: 'Raleway', 'Calibri', 'Trebuchet MS', sans-serif !default;
+$font-family-serif: 'Alegreya SC', 'Georgia', 'Times New Roman', 'Times', serif !default;
+
+.navbar-brand {
+  font-family: $font-family-serif;
+  font-weight: 500;
+}
+
+// Tables
+
+$table-dark-bg: $dark !default;
+$table-dark-border-color: darken($dark, 5%) !default;
+
+/*-- scss:rules --*/
+
+// Variables
+
+$web-font-path: 'https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,800;1,400&family=Alegreya+SC:wght@500&display=swap' !default;
+@if $web-font-path {
+  @import url($web-font-path);
+}
+
+// Indicators
+
+.badge {
+  &.bg-light {
+    color: $body-color;
+  }
+}