Giter VIP home page Giter VIP logo

sourceless-repository's Introduction

Sourceless Website

This website displays text content, image and styling without containing any source code

If you open the page source Ctrl + u, it will be empty, also selecting the page components using developer tools will yield empty styling.

Support ❤️

If you find the project useful, please consider supporting, or contributing.

"Buy Me A Coffee"

How It Works

The HTTP standard has a Link header attribute for linking to other websites or resources. These links may have properties describing the relationship to the given resource.

Some browsers support this relationship to be: stylesheet. In which case they will be loaded and applied to the current page. By using a custom FastAPI server and manually setting this header, we are able to make the browser load the stylesheet without explicit links in the html code.

When loading a webpage with no content or missing html, head or body tags, browsers will create these automatically. This can be used to apply styling to the ::before and ::after elements of the head DOM element. Styling used: css

Software Requirements

  1. Python
  2. Python Venv
  3. Pip
  4. Make

Usage

Automatic

  1. Run make
  2. Open browser: http://127.0.0.1:8080

Manual

  1. make venv to create virtual environment.
  2. make install install python dependencies to venv.
  3. make run start the server.
  4. Open browser: http://127.0.0.1:8080

Container

Docker has to be installed and running on your system.

  1. docker build -t srclessweb . build container.
  2. docker run -p8080:8080 srclessweb run container and expose to port 8080.

Attributions

Browser Compatibility

Tested in: 05/2022

Loading sylesheets using the link tag is not an RFC standard.

Browser Version Compatibility
Firefox 99.0
Chrome 101.0
Edge 101.0
Brave 1.38
Safari 15.4

Screenshots

Loaded site Source
Website Website source

sourceless-repository's People

Contributors

dubniczky avatar

Watchers

 avatar  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.