From 1872f9bb288543250fa72260542af5bfb30d6361 Mon Sep 17 00:00:00 2001 From: officiallyutso Date: Fri, 27 Jun 2025 22:05:52 +0530 Subject: [PATCH] fix: nav and article styling --- .gitignore | 2 +- Gemfile | 5 +- Gemfile.lock | 2 +- README.md | 115 +++++ _includes/footer.html | 2 +- _includes/head.html | 2 +- _includes/horizontal_post.html | 2 +- _includes/navbar.html | 161 +++++-- css/base.scss | 179 +------- css/mobile.css | 810 +++++++++++++++++++++++++++------ css/table.css | 88 +--- 11 files changed, 917 insertions(+), 451 deletions(-) create mode 100644 README.md diff --git a/.gitignore b/.gitignore index fff45f2..d440d88 100644 --- a/.gitignore +++ b/.gitignore @@ -24,4 +24,4 @@ Thumbs.db # Ignore by editors/IDEs .vscode/ .idea/ -*.iml \ No newline at end of file +*.iml diff --git a/Gemfile b/Gemfile index 75d9835..27775ab 100644 --- a/Gemfile +++ b/Gemfile @@ -1,2 +1,3 @@ -source "https://rubygems.org" -gem "github-pages", group: :jekyll_plugins +source 'http://rubygems.org' + +gem 'github-pages', group: :jekyll_plugins \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock index f0fb915..7cb1c19 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,5 +1,5 @@ GEM - remote: https://rubygems.org/ + remote: http://rubygems.org/ specs: activesupport (7.2.2.1) base64 diff --git a/README.md b/README.md new file mode 100644 index 0000000..6873223 --- /dev/null +++ b/README.md @@ -0,0 +1,115 @@ +# WONA GitHub Website + +A Jekyll-based static website for Watch Out News Agency. + +## Project Structure + +### Root Files +- `_config.yml` - Jekyll configuration file with site settings, plugins, and build options +- `index.html` - Homepage template +- `404.html` - Custom 404 error page +- `Gemfile` - Ruby dependencies specification +- `Gemfile.lock` - Locked dependency versions +- `sitemap.xml` - XML sitemap for search engines +- `atom.xml` - RSS/Atom feed for content syndication +- `favicon.ico` - Website favicon +- `CNAME` - Custom domain configuration for GitHub Pages + +### Directories + +#### `_includes/` +Reusable HTML components that can be included in layouts and pages: +- `cat_header.html` - Category page header +- `footer.html` - Site footer +- `google_analytics.html` - Google Analytics tracking code +- `head.html` - HTML head section with meta tags and stylesheets +- `header.html` - Site header and navigation +- `horizontal_post.html` - Horizontal post layout component +- `navbar.html` - Navigation bar component + +#### `_layouts/` +Page templates that define the structure for different content types: +- `category.html` - Template for category archive pages +- `layout.html` - Base layout template +- `post.html` - Individual blog post template + +#### `_posts/` +Markdown files containing blog posts and articles (follows Jekyll naming convention: `YYYY-MM-DD-title.md`) + +#### `_sass/` +SCSS stylesheets organized by component: +- `bootstrap/` - Bootstrap framework styles +- `_bootstrap.scss` - Bootstrap imports +- `css/` - Custom stylesheets + - `base.scss` - Base styles and variables + - `fontawesome.min.css` - Font Awesome icons + - `mobile.css` - Mobile-responsive styles + - `posts.css` - Post-specific styling + - `pure.css` - Pure CSS framework + - `pygments.css` - Syntax highlighting styles + - `table.css` - Table styling + +#### Content Directories +- `edc/` - EDC (Editorial Development Cell) related content +- `fonts/` - Custom web fonts +- `getinvolved/` - Pages about getting involved with WONA +- `guide/` - User guides and documentation +- `images/` - Static images and media files +- `js/` - JavaScript files +- `news/` - News articles and posts +- `team/` - Team member profiles and information + +#### Styling +- `table.css` - Standalone CSS file for table styling + +## Installation + +### Prerequisites +- [Docker](https://www.docker.com/get-started) installed on your system +- Git (to clone the repository) + +### Setup Steps + +1. **Clone the repository** + ```bash + git clone https://github.com/WatchOutNewsAgency/wona.github.com.git + cd wona.github.com + ``` + +2. **Run with Docker** + ```bash + docker run --rm -it \ + -v "${PWD}:/srv/jekyll" \ + -p 4000:4000 \ + jekyll/jekyll:4 \ + jekyll serve --host 0.0.0.0 + ``` + - If you might face error in dockerization use this instead: jekyll/jekyll:3 + - This command will start a Jekyll server, serving your site at 4000 port + - If any other error, all the best debugging +3. **Access the site** + - Open your browser and navigate to `http://localhost:4000` + - The site will automatically rebuild when you make changes to files + +### Docker Command Explanation +- `--rm` - Automatically remove the container when it exits +- `-it` - Interactive terminal mode +- `-v "${PWD}:/srv/jekyll"` - Mount current directory to Jekyll's working directory in container +- `-p 4000:4000` - Map port 4000 from container to host +- `jekyll/jekyll:4` - Use Jekyll Docker image version 4 +- `jekyll serve --host 0.0.0.0` - Start Jekyll development server accessible from all network interfaces + +### Development Notes +- Changes to `_config.yml` require a server restart +- New posts in `_posts/` will be automatically detected +- CSS/SCSS changes will trigger automatic regeneration +- Press `Ctrl+C` to stop the development server + +### Troubleshooting +- If port 4000 is already in use, change `-p 4000:4000` to `-p 4001:4000` and access via `http://localhost:4001` +- On Windows, use PowerShell or Command Prompt +- Ensure Docker Desktop is running before executing the command + +## Repository + +[https://github.com/WatchOutNewsAgency/wona.github.com](https://github.com/WatchOutNewsAgency/wona.github.com) \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html index 145e504..92e7499 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -7,7 +7,7 @@
Student Media
Body of IITR
-
+