SCC

Loading...

Please, enter Landscape Orientation to render the Slogan.

This is mandatory, to ensure that the Slogan renders accurately.

Slogan is best viewed on Laptops / Desktops.

Info

Team Information

Who?

Daksh Naik, '16

Almeida High School, Ponda

Environment

The Web. Handmade with pure HTML, CSS and ECMA Script 6

No copy. No images. Made from scratch.


Inspired from BONHOMME

Slogan

Self - derived thought

Timeline

Development Initiated : 08 January, 2022

Refining : 09 January

Date of completion : 11 January

Sufficient care is undertaken to make the slogan look flawless. The slogan may look different on various devices. Medium sized Laptops or Desktops render the slogan accurately. The slogan (hand, vote-box and fictional candidates) is purely made from CSS and is NOT an image. So it's evident for the fact that the slogan will have different sizes across all devices. Hence, trial-and-error method is often used to render the slogan precisely.

There was a way of rendering the slogan by image / SVG obviously, but in order to make it a fair-play and to get some creativity points, simple CSS is preferred for the same.


The prime motive or the significance of the design of this website centres around the idea of having the Aesthetic and Focussed feel, just like other websites when it comes to designing the landing page. It may seem empty, compared to other slogans, but the deserted feel of the slogan is intentional. Having a plethora of sentences in and around the slogan to maximize interaction doesn't matter when it comes to Slogans which are drawn by hand but if it were to implement so many sentences on / around the slogan on web, the design would loose its aestheticness because of the cluster, which will make it look unpleasant. This would even loose the focussed feel of the main component of the slogan. Added to this, this would even compromise in maintaining Media Responsiveness across all devices. So, rounding all this up, the empty spaces around the slogan is intentional and so the cluster is avoided.


Website / Webpage is hosted by Github. I have nothing to do with the web server. All I have taken care of is the Front End and UX. Decision, planning, UX / UI, artwork has been done by me.




Thanks for viewing!

Regards,
Daksh



Legals

About

With interest in Slogan Coding Competition : Voter Rights & Duties, this website is specifically built for the same. User Interaction (UX) was taken care of the most. Slogan is the prime element, and has been focused largely.

This website DOES NOT promote any political party, discrimination nor is it intended to violate rights.

Website designing : Daksh N
Hosted by : Github - Pages
Font : Montserrat
Location : Goa, India
Website : https://daksh-naik.github.io/SCC/

Design

The prime motive or the significance of the design of this website centres around the idea of having the Aesthetic and Focussed feel, just like other websites when it comes to designing the landing page. It may seem empty, compared to other slogans, but the deserted feel of the slogan is intentional. Having a plethora of sentences in and around the slogan to maximize interaction doesn't matter when it comes to Slogans which are drawn by hand. If it were to implement so many sentences on the slogan on web, the design would loose its aestheticness because of the cluster, which will make it look unpleasant. This would even loose the focussed feel of the main component of the slogan. Added to this, this would even compromise in maintaining Media Responsiveness across all devices. So, rounding all this up, the empty spaces around the slogan is intentional and so the cluster is avoided.

Creativity

This website's development and designing is NOT a copy from any website, company, public entity or anyone's project. If it is, it's purely concidental.
Everything here is made from scratch; from 0 lines to about 1400+ lines, 83,000+ letters of code.

Usage

This website is offered in different web languages (HTML, HTML5, Javascript, CSS, etc ...) for a better comfort of use and a more pleasant experience, it's recommend using modern browsers like Safari, Firefox, Google Chrome, etc... However, errors or omissions may occur.

Cookies

This website will not ask you to accept cookies for statistical and display purposes. A cookie is an information filed on your hard drive by the server of the site you are visiting. It contains several data that is stored on your computer in a simple text file that a server accesses to read and save information. Parts of this site may be functional without the acceptance of cookies, but not heavy cookies. Basic CSS & HTML files will be stored, which is Github's responsibility for faster loading of pages.

Litigation

The terms and conditions of this website are goverened by Github and Government of India. The language of reference is English.

Personal Data

This website has nothing to do with your data, so you will be NEVER be prompted to share your information. Your data is secured and regulated by the web-host of this website.

It's your

It's your

It's your

It's you,

VOTE

__ Votebox

__ Hand

__ Candidate

Expand | Bring the Slogan on Focus
Contract | View other Elements
Menu

Click / Tap within the screen to Contract Elements.

Settings changed.

Slogan Settings

Slogan Settings

Tricolor Opacity

Tricolor Rotation

RESET DEFAULTS

Text Color

Pastel

Cyan

Slate

Salmon

Green

Yellow

Matte Dark

Indigo

Studio

Crimson

Patina

Gamboge

Vibrance

Dodger

Wisteria

Blossom

Eucal

Saffron

System

Black

Chalk

RESET DEFAULTS

Text Shadow

White

Black

Crimson

Yellow

Blue

REMOVE SHADOW

Background Color

*Background Color is not visible when Tricolor is Opaque, and at Full Rotation (0 / 360 DEG).

Pastel

Lemay

Purple

Peach

Gourd

Pale

Dark

Ultramarine

Violet

Hotpink

Emerald

Gold

Gradient

Blueberry

Sky

Grape

Picto

Majestic

RESET DEFAULTS

Text Size

Prime text
2
2.5
3
3.5
4
Current : 3 3 is Default Text Size.

Sentence
1
1.2
1.5
1.7
2
Current : 1.2 1.2 is Default Text Size.

RESET DEFAULTS

Sufficient care is undertaken to make the slogan look flawless. The slogan may look different on various devices. Medium sized Laptops or Desktops render the slogan accurately.




Hand


Skin tone No intentions of racial discrimination.

Votebox

Wood Color

Biege

Pale

Brown

Slade

Walnut

Candidates

Outline

Black

White

Blue

Yellow

Crimson