Coder Social home page Coder Social logo

lcoy's Introduction

LCOY Website

This project used Astro. THe documentation, installation instructions, and setup is all there. You may want to fork this repo and put it in your own GitHub account, and then clone it to your computer. You can then use the astro dev command to run the site locally and make changes.

You'll find the majority of configuration details on the theme wiki, but for some specific details, see below. The link includes all sorts of configuration and design details, and some of these files are left in this project for you to use.

Pages

The .astro files for the pages are located in the src/pages directory. The index.astro file is the home page, and the other .astro files are self-explanatory. As the site was developed with the help of the theme, there are folders; these are not active, but feel free to use them for design as you wish.

You can update the text and images on each of these pages by editing the .astro files. The theme wiki will explain how to do this, but these use standard HTML syntax and you can edit these files as you would any other HTML file.

Images

These are currently contained in the public/assets/images/landing-1 directory. If you want to reduce the amount of work, replace our event outline with yours and use the same file names. If you want to use different images (or add your own on a page), you'll need to update the file names in the .astro files.

Forms

To update the registration form, navigate to the src/pages directory and edit the Register.astro file. A comment in the file will indicate where to make changes. I would recommend you simply embed the form like this instead of attempting to use the included form component, as it is more complex and will not work well with Google forms.

Logo

You will need to update the Logo in the src/components/theme-switcher directory. YOu can either export your logo as an SVG file, or embed it using an <img> tag. THis information is also in the theme wiki.

You will also want to update the favicon (the little icon that shows up on the tab when you open a website). You can convert your file to a .ico file using a free online converter, and then replace the favicon.ico file in the public directory.

Additional Information

You might want to update the main page to include an Instagram feed, or have a separate page for that. You would have to look up how to do this, however; just an idea. As well as this, you could update the YouTube video on the home page to be a video of your own by adding your own link.

lcoy's People

Contributors

virajganatra avatar saifnasir196 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.