How schooloffreelancing/back-office works
1. Overall shape
This repository is a static, content-driven training portal rather than an application with a backend. The root is dominated by HTML pages, shared CSS/JS, and third-party front-end plugins. The site’s purpose is to present training information, onboarding steps, policies, and many outbound community/support links.
2. Primary user-facing boundary
The main entry points are index.html and the many sibling pages such as about.html, getstart.html, faq.html, training.html, contact.html, mentor.html, linux.html, kyc.html, and policy/legal pages like tou.html, refund.html, security.html, impressum.html, and notice.html. These pages form the public site navigation and are the core of the architecture.
3. Content model
The repository is organized as a set of independent static pages instead of a single app shell. Pages appear to be manually authored and themed consistently, with repeated structural patterns likely shared through common CSS/JS rather than server-side templates.
4. Shared presentation layer
Styling is centralized in css/style.css, with a source map present in css/maps/style.css.map. Fonts live under fonts/. This is the main UI layer that gives all pages their common branding, layout, and responsive behavior.
5. Client-side behavior
The site’s custom interactivity is concentrated in js/script.js. This is likely where navigation behavior, smooth scrolling, animations, form/UI helpers, and page-specific enhancements are wired up. There is no evidence of a backend API; client-side JavaScript is only an enhancement layer.
6. Front-end plugin subsystem
The plugins/ directory bundles vendor assets such as Bootstrap, jQuery, AOS, Animate.css, Slick, Venobox, MixItUp, and a Google Maps integration. Architecturally, these are supporting UI components used by the static pages for animation, carousel/gallery behavior, filtering, modal/lightbox views, and map display.
7. External service and community integrations
The site is heavily connected to external platforms rather than internal services. The README points to Google Docs session materials, Trello for onboarding, Facebook/WhatsApp/Telegram/Gitter/Slack for communication, and YouTube/social channels for community presence. These links are part of the operational flow of the training program.
8. Training pipeline as a business flow
The README describes a multi-step onboarding process: initial contact, prerequisite check, payment/deposit, then onboarding into training sessions. In architecture terms, this is a human workflow implemented through static content and external tools, not a software workflow backed by application code.
9. Docs and session content
The “Session 1” through “Session 90” links in the README point to Google Docs, which function as the actual curriculum artifacts. The repository itself acts as the front door and index for those materials, while the authoritative training content lives outside the repo.
10. Deployment and automation
The repo includes .github/workflows/ for Jekyll, Node.js, Dependabot, stale issue management, and other housekeeping, plus .circleci/config.yml. This indicates CI/CD around a static site: validate/build the site, keep dependencies healthy, and publish to hosting such as GitHub Pages or a similar static target.
11. Site management and compliance
Files like robots.txt, sitemap.xml, .htaccess, htaccess, keybase.txt, SECURITY.md, and GitHub issue templates show operational maturity around discoverability, hosting rules, verification, security reporting, and contributor workflow. These are supporting boundaries around the public site rather than core application logic.
12. Notable absence
There is no clear backend service, database, authentication system, or API layer in this repository. The architecture is therefore best diagrammed as: browser → static pages/assets → external community/documentation services, with CI/CD responsible for publishing the static site.
Main entry points: index.html Home · training.html Training · about.html About · jekyll.yml CI/CD
Components 21
Public pages
Static entry points and content pages for training, onboarding, support, and policy.
- Home · Primary site entry point.
index.html - About · General site and program overview.
about.html - Get started · Initial onboarding and next steps.
getstart.html - Get support · Help and support entry point.
getsupport.html - Training · Training program overview.
training.html - Mentor · Mentorship and guidance information.
mentor.html - FAQ · Frequently asked questions.
faq.html - Policies · Terms, refund, security, notice, and related policy pages.
tou.html - Contact · Public contact and outreach page.
contact.html - Compliance · Impressum and legal disclosure information.
impressum.html
Presentation layer
Shared site styling and client-side behavior.
Vendor plugins
Bundled third-party UI assets used by the static pages.
- Bootstrap · Core responsive layout and components.
plugins/bootstrap - AOS · Scroll-triggered animation support.
plugins/aos - Slick · Slider and carousel functionality.
plugins/slick - Venobox · Modal image and media viewing.
plugins/venobox - MixItUp · Client-side filtering and sorting.
plugins/mixitup - Google Map · Map integration for embedded location views.
plugins/google-map/gmap.js
Automation and ops
Build, publishing, and site-management files.
- CI/CD · GitHub Actions and CircleCI workflows for build and site maintenance.
.github/workflows/jekyll.yml
External services
Off-repo documentation and community platforms linked from the site.
- Session docs · Training curriculum and session materials hosted outside the repository.
- Community tools · Chat, issue tracking, and social channels used in the training workflow.
Connections 24
- Home → About: nav · Primary site navigation.
- Home → Get started: nav · Entry into onboarding flow.
- Home → Training: nav · Program overview path.
- Home → Get support: nav · Help and support access.
- Home → FAQ: nav · Common questions.
- Home → Contact: nav · Contact access.
- Home → Site CSS: uses · Shared branding and layout.
- About → Site CSS: uses · Shared branding and layout.
- Get started → Site JS: uses · Shared interactivity and UI helpers.
- Training → Site JS: uses · Shared interactivity and UI helpers.
- Contact → Bootstrap: uses · Responsive UI components.
- Contact → Google Map: uses · Location/map embed.
- Training → AOS: uses · Scroll animations.
- Training → Slick: uses · Carousel or slider UI.
- About → Venobox: uses · Media/lightbox display.
- About → MixItUp: uses · Filtering or sorting UI.
- Get support → Community tools: links to · Outbound support and communication channels.
- Get started → Session docs: links to · Training session materials live externally.
- Training → Session docs: links to · Curriculum references external docs.
- CI/CD → Home: builds · Static site publishing and validation.
- CI/CD → Site CSS: checks · Asset build and site validation.
- CI/CD → Site JS: checks · Asset build and site validation.
- Policies → Compliance: related · Policy and disclosure pages form the compliance boundary.
- Home → Policies: nav · Access to terms and policy pages.