From db4b3736d4f45137a733ce5eb1e50aec968ca1d2 Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Tue, 13 Dec 2022 00:11:16 -0600 Subject: update pyssg.xyz site files --- .../fork-awesome/src/doc/test/glyphicons.html | 795 +++++++++++++++++++++ 1 file changed, 795 insertions(+) create mode 100644 pyssg.xyz/live/static/fork-awesome/src/doc/test/glyphicons.html (limited to 'pyssg.xyz/live/static/fork-awesome/src/doc/test/glyphicons.html') diff --git a/pyssg.xyz/live/static/fork-awesome/src/doc/test/glyphicons.html b/pyssg.xyz/live/static/fork-awesome/src/doc/test/glyphicons.html new file mode 100644 index 0000000..fefb8ba --- /dev/null +++ b/pyssg.xyz/live/static/fork-awesome/src/doc/test/glyphicons.html @@ -0,0 +1,795 @@ +--- +title: Glyphicons Visual Test Cases +relative_path: ../ +--- + + + + + + + + + + + + {% if page.title %}{{ page.title }}{% endif %} + + + + + + + + + + + + + + + + + + + +
+ +
+

Visual Test Cases

+ +

Icons Icons should have proper alignment and not be clipped

+
+
+
+ Calendar +
+
+
+
+ Calendar Large +
+
+
+ Calendar +
+
+ Calendar Large +
+
+
+
+
+ Calendar +
+
+
+
+ Calendar Large +
+
+
+ Calendar Large +
+
+
+
+
+ Circle +
+
+
+
+ Circle Large +
+
+
+ Circle +
+
+ Circle Large +
+
+
+
+
+ Circle +
+
+
+
+ Circle Large +
+
+
+ Circle Large +
+
+ + +

Links with Icons icon should activate link & underline

+ + + + +

Navbar should stay same height

+ + + +

Plain buttons next to buttons w/icons should be same height, icons not clipped

+

Buttons

+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ + +

Anchors

+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+ Button + Button + +
+
+
+
+ +

Button groups should be same height

+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+
+ + +
+
+
+
+ +

Buttons with pulled 2x, 3x, 4x should be same height, have correct line height

+ + + +

Nav pills & nav tabs should be same height and properly vertically aligned

+ + + + +

2x, 3x, 4x icons in text should have margins next to and below text

+
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +

+
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +

+
+
+
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. +
+
+ + +

Bullets should wrap appropriately, have proper spacing

+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
  • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
  • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. + + foo + foo +
  • +
+
+
+
+ + +
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+
+
    +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
  • +
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
+
+
+
+ + +

Spinning icons icons should be aligned well and on center, buttons should be same height, won't work in ie7

+
+ Loading... + + + Loading... + + Loading... +
+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+

glyphicon-lg

+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+
+ Loading... + + + Loading... + +
+

Bootstrap Prepend and Append

+
+
+
+ + +
+
+
+
+ + +
+
+
+ +

Stacked icons

+
+ {% include tests/stacked.html %} +
+
+ {% include tests/stacked.html %} +
+

Stacked icons inside anchor

+
+ {% include tests/stacked-inside-anchor.html %} +
+ + +

Mirrored and rotated icons

+
+
+
+ {% include tests/rotated-flipped.html %} +
+
+
+
+ {% include tests/rotated-flipped.html %} +
+
+
+

Mirrored and rotated icons inside anchors and buttons

+
+
+
+ {% include tests/rotated-flipped-inside-anchor.html %} +
+
+
+
+ {% include tests/rotated-flipped-inside-btn.html %} +
+
+
+ +
+ +
+
+ + + + + + + + + + -- cgit v1.2.3-54-g00ecf