Astro Starter Kit: Minimal

npm create astro@latest -- --template minimal

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
├── src/
│   └── pages/
│       └── index.astro
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check
npm run astro -- --help	Get help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

Moo - TAMUhack Static Site

You can visit the site at https://tamuhack.org/

Sitemap

• https://tamuhack.org/
• https://tamuhack.org/th
• https://tamuhack.org/th/2025
• https://tamuhack.org/th/2024
• https://tamuhack.org/th/2023
• https://tamuhack.org/th/2022
• https://tamuhack.org/th/2021
• https://tamuhack.org/th/2020
• https://tamuhack.org/th/2019
• https://tamuhack.org/th/2018
• https://tamuhack.org/th/2016
• https://tamuhack.org/hh
• https://tamuhack.org/hh/2025
• https://tamuhack.org/hh/2024
• https://tamuhack.org/hh/2023
• https://tamuhack.org/hh/2022
• https://tamuhack.org/hh/2021
• https://tamuhack.org/hh/2020
• https://tamuhack.org/hh/2019
• https://tamuhack.org/hh/2018

Powered by

• Our amazing team
• Some truly innovative sponsors
• 

Contributing

Branch naming convention:

{github-username}/{event-abbreviation}{year-abbreviation}-{addressing-issue}

Exmaples:

For the main TAMUhack page:
  cameronbrill/th-make-team-modular
For the TAMUhack 2021 landing page:
  cameronbrill/th21-add-rule-clarification
For the Howdy Hack 2018 landing page:
  cameronbrill/hh18-expand-description-guidelines

Adding A New Timeline Event

In order to add a new timeline event, the code will need to be updated in two locations.

1. Add a new class to horizontal-timeline.css with the ::after selector. The naming convention for the class is {event-abbreviation}{year-abbreviation}. Make sure to set the correct logo as the background image.
2. Create a new info file in /past-hackathons-info. The naming convention is {event-abbreviation}{year-abbreviation}-info.js (e.g., th25-info.js)
3. Fill out the event information in the info file and export it as a constant.

Example:

const th20info = {
  name: "TAMUhack 2020", // name of the event
  link: "/th/2020", // link to the event website
  photos: "https://drive.google.com/drive/folders/1Sf_Zdt9knGTZcke8JuIMM2hu83t-OiE6", // link to the google photos folder
  logo: "th20", // class of the event that was added in step 1, does NOT include the ::after selector
  description: "The TAMUhack held in 2020." // description of the event
  directors: [
    {
      webp: "./static/assets/headshots/compressed/person-bw.webp", // webp file name and location, use this default value if needed
      img: "./static/assets/headshots/compressed/person-bw.jpg", // img file name and location; use this default value if needed
      name: "Director Cool Person", // name of director
      position: "President", // director position
      github: "github.com", // link to director's GitHub; OPTIONAL FIELD, do not include if DNE
      linkedin: "linkedin.com", // link to director's LinkedIn; OPTIONAL FIELD, do not include if DNE
      portfolio: "portfolio.com", // link to director's portfolio website; OPTIONAL FIELD, do not include if DNE
    },
  ],
}

4. Import this file as a script at the top of index.html.

Example:

<script src="past-hackathons-info/th20-info.js"></script>

5. Add the name of the constant you created in step 3 to the Vue component at the bottom of the page under the data property "hackathons".