From 4e10a9e67f6b075a8e325793d4b2f0bf3115e39f Mon Sep 17 00:00:00 2001 From: "Brad [@RZR]" Date: Sat, 13 Oct 2018 14:58:30 -0400 Subject: [PATCH] General Tidying up + Moved objects into dedicated directory to clean up the code base a bit + Created a styles directory and main stylesheet to extract some inline styling + Changed the colors a bit in the new style sheet, --- index.html | 25 +++++++++++-------- a.html => objects/a.html | 0 .../android-logo.html | 0 apple-logo.html => objects/apple-logo.html | 0 audi-logo.html => objects/audi-logo.html | 0 basics.html => objects/basics.html | 0 .../facebook-logo-color.html | 0 .../facebook-logo.html | 0 github-logo.html => objects/github-logo.html | 0 .../google-keep-logo.html | 0 .../instagram-logo.html | 0 .../spotify-logo.html | 0 .../switchme-logo.html | 0 styles/main.css | 12 +++++++++ 14 files changed, 27 insertions(+), 10 deletions(-) rename a.html => objects/a.html (100%) rename android-logo.html => objects/android-logo.html (100%) rename apple-logo.html => objects/apple-logo.html (100%) rename audi-logo.html => objects/audi-logo.html (100%) rename basics.html => objects/basics.html (100%) rename facebook-logo-color.html => objects/facebook-logo-color.html (100%) rename facebook-logo.html => objects/facebook-logo.html (100%) rename github-logo.html => objects/github-logo.html (100%) rename google-keep-logo.html => objects/google-keep-logo.html (100%) rename instagram-logo.html => objects/instagram-logo.html (100%) rename spotify-logo.html => objects/spotify-logo.html (100%) rename switchme-logo.html => objects/switchme-logo.html (100%) create mode 100644 styles/main.css diff --git a/index.html b/index.html index 8585525..b8712a8 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ + @@ -16,27 +17,31 @@
-

CSS Objects Series

+
-

For basics do visit here.

+

For basics do visit here.

Objects made with css:

    -
  1. Apple Logo, Audi Logo
    2. +
  2. Apple Logo, Audi Logo
  4. ____________________
  5. ____________________
  6. ____________________
    7. -
  7. Facebook Logo (white background), Facebook Logo (with background)
    8. -
  8. Github Logo
    9. +
  9. Facebook Logo (white background), Facebook Logo (with background)
    10. +
  10. Github Logo
  11. -
  12. Instagram Logo
    13. +
  13. Instagram Logo
  14. ____________________
    15. -
  15. Keep Logo (Google Keep)
    16. -
  16. SwitchMe Logo, Spotify Logo
    17. +
  17. Keep Logo (Google Keep)
    18. +
  18. SwitchMe Logo, Spotify Logo
- -

Suggest some objects, to me or contribute some here.

+ +
diff --git a/a.html b/objects/a.html similarity index 100% rename from a.html rename to objects/a.html diff --git a/android-logo.html b/objects/android-logo.html similarity index 100% rename from android-logo.html rename to objects/android-logo.html diff --git a/apple-logo.html b/objects/apple-logo.html similarity index 100% rename from apple-logo.html rename to objects/apple-logo.html diff --git a/audi-logo.html b/objects/audi-logo.html similarity index 100% rename from audi-logo.html rename to objects/audi-logo.html diff --git a/basics.html b/objects/basics.html similarity index 100% rename from basics.html rename to objects/basics.html diff --git a/facebook-logo-color.html b/objects/facebook-logo-color.html similarity index 100% rename from facebook-logo-color.html rename to objects/facebook-logo-color.html diff --git a/facebook-logo.html b/objects/facebook-logo.html similarity index 100% rename from facebook-logo.html rename to objects/facebook-logo.html diff --git a/github-logo.html b/objects/github-logo.html similarity index 100% rename from github-logo.html rename to objects/github-logo.html diff --git a/google-keep-logo.html b/objects/google-keep-logo.html similarity index 100% rename from google-keep-logo.html rename to objects/google-keep-logo.html diff --git a/instagram-logo.html b/objects/instagram-logo.html similarity index 100% rename from instagram-logo.html rename to objects/instagram-logo.html diff --git a/spotify-logo.html b/objects/spotify-logo.html similarity index 100% rename from spotify-logo.html rename to objects/spotify-logo.html diff --git a/switchme-logo.html b/objects/switchme-logo.html similarity index 100% rename from switchme-logo.html rename to objects/switchme-logo.html diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..6ebdc05 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,12 @@ +body { + background-color: #e7e7e7; + padding-top: 20px; +} + +#header { + text-align:center; +} + +#footer { + text-align:center; +} \ No newline at end of file