From a194e147b6c6fc9e3957274fb50e875a156b04a4 Mon Sep 17 00:00:00 2001 From: jlukic Date: Tue, 17 Sep 2013 16:56:03 -0400 Subject: [PATCH] begin importing font-awesome --- node/src/documents/elements/icon.html | 366 ++++++++++++++++++++++++ node/src/documents/modules/popup.html | 38 +-- node/src/files/stylesheets/semantic.css | 4 + node/src/layouts/default.html.eco | 5 +- 4 files changed, 392 insertions(+), 21 deletions(-) diff --git a/node/src/documents/elements/icon.html b/node/src/documents/elements/icon.html index 530cc93cb..a08248c65 100755 --- a/node/src/documents/elements/icon.html +++ b/node/src/documents/elements/icon.html @@ -34,6 +34,372 @@ type : 'UI Element' Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text. +

Font Awesome

+

Semantic includes a complete port of font awesome. The amazing font designed by Dave Gandy

+
+
adjust
+
adn
+
align center
+
align justify
+
align left
+
align right
+
ambulance
+
anchor
+
android
+
angle down
+
angle left
+
angle right
+
angle up
+
apple
+
archive
+
arrow down
+
arrow left
+
arrow right
+
arrow up
+
asterisk
+
backward
+
ban circle
+
bar chart
+
barcode
+
beaker
+
beer
+
bell alternate
+
bell
+
bitbucket sign
+
bitbucket
+
bitcoin
+
bold
+
bolt
+
book
+
bookmark empty
+
bookmark
+
briefcase
+
bug
+
building
+
bullhorn
+
bullseye
+
calendar empty
+
calendar
+
camera retro
+
camera
+
caret down
+
caret left
+
caret right
+
caret up
+
certificate
+
check minus
+
check sign
+
check
+
chevron down
+
chevron left
+
chevron right
+
chevron sign down
+
chevron sign left
+
chevron sign right
+
chevron sign up
+
chevron up
+
circle down arrow
+
circle arrow left
+
circle arrow right
+
circle arrow up
+
circle blank
+
circle
+
cloud download
+
cloud upload
+
cloud
+
code fork
+
code
+
coffee
+
collapse alternate
+
collapse top
+
collapse
+
columns
+
comment alternate
+
comment
+
comments alternate
+
comments
+
compass
+
copy
+
credit card
+
crop
+
css3
+
cut
+
dashboard
+
desktop
+
dollar
+
double angle down
+
double angle left
+
double angle right
+
double angle up
+
download alternate
+
download
+
dribbble
+
dropbox
+
edit sign
+
edit
+
eject
+
ellipsis horizontal
+
ellipsis vertical
+
envelope alternate
+
envelope
+
eraser
+
euro
+
exchange
+
exclamation sign
+
exclamation
+
expand alternate
+
expand
+
external link sign
+
external link
+
eye close
+
eye open
+
facebook sign
+
facebook
+
facetime video
+
fast backward
+
fast forward
+
female
+
fighter jet
+
file alternate
+
file text alternate
+
file text
+
file
+
film
+
filter
+
fire extinguisher
+
fire
+
flag alternate
+
flag checkered
+
flag
+
flickr
+
folder close alternate
+
folder close
+
folder open alternate
+
folder open
+
font
+
food
+
forward
+
foursquare
+
frown
+
fullscreen
+
gamepad
+
gbp
+
gear
+
gears
+
gift
+
github alternate
+
github sign
+
github
+
gittip
+
glass
+
globe
+
google plus sign
+
google plus
+
group
+
h sign
+
hand down
+
hand left
+
hand right
+
hand up
+
hdd
+
headphones
+
heart empty
+
heart
+
home
+
hospital
+
html5
+
inbox
+
indent left
+
indent right
+
info sign
+
info
+
instagram
+
italic
+
key
+
keyboard
+
laptop
+
leaf
+
legal
+
lemon
+
level down
+
level up
+
lightbulb
+
link
+
linkedin sign
+
linkedin
+
linux
+
list alternate
+
list ol
+
list ul
+
list
+
location arrow
+
lock
+
long arrow down
+
long arrow left
+
long arrow right
+
long arrow up
+
magic
+
magnet
+
share alternate
+
mail reply all
+
reply
+
male
+
map marker
+
maxcdn
+
medkit
+
meh
+
microphone off
+
microphone
+
minus sign alternate
+
minus sign
+
minus
+
mobile phone
+
money
+
moon
+
move
+
music
+
ok circle
+
ok sign
+
ok
+
paper clip
+
paste
+
pause
+
pencil
+
phone sign
+
phone
+
picture
+
pinterest sign
+
pinterest
+
plane
+
play circle
+
play sign
+
play
+
plus sign alternate
+
plus sign
+
plus
+
off
+
print
+
pushpin
+
puzzle piece
+
qrcode
+
question sign
+
question
+
quote left
+
quote right
+
random
+
refresh
+
remove circle
+
remove sign
+
remove
+
cny
+
renren
+
reorder
+
reply all
+
resize full
+
resize horizontal
+
resize small
+
resize vertical
+
retweet
+
road
+
rocket
+
undo
+
repeat
+
rss sign
+
rss
+
inr
+
save
+
screenshot
+
search
+
share sign
+
share
+
shield
+
shopping cart
+
sign blank
+
signal
+
signin
+
signout
+
sitemap
+
skype
+
smile
+
sort alphabet alternate
+
sort alphabet
+
sort attributes alternate
+
sort attributes
+
sort order alternate
+
sort order
+
sort descending
+
sort ascending
+
sort
+
spinner
+
stackexchange
+
star empty
+
star half empty
+
star half
+
star
+
step backward
+
step forward
+
stethoscope
+
stop
+
strikethrough
+
subscript
+
suitcase
+
sun
+
superscript
+
table
+
tablet
+
tag
+
tags
+
tasks
+
terminal
+
text height
+
text width
+
th large
+
th list
+
th
+
thumbs down alternate
+
thumbs down
+
thumbs up alternate
+
thumbs up
+
ticket
+
time
+
tint
+
trash
+
trello
+
trophy
+
truck
+
tumblr sign
+
tumblr
+
twitter sign
+
twitter
+
umbrella
+
check empty
+
underline
+
unlink
+
unlock alternate
+
unlock
+
upload alternate
+
upload
+
user md
+
user
+
vk
+
volume down
+
volume off
+
volume up
+
warning sign
+
weibo
+
windows
+
krw
+
wrench
+
xing sign
+
xing
+
jpy
+
youtube play
+
youtube sign
+
youtube
+
zoom in
+
zoom out
+
+
This icon set was built using a custom combination of fonts using the amazing web tool Fontello
diff --git a/node/src/documents/modules/popup.html b/node/src/documents/modules/popup.html index b8b55d95a..fa2695aaa 100755 --- a/node/src/documents/modules/popup.html +++ b/node/src/documents/modules/popup.html @@ -33,7 +33,7 @@ type : 'UI Module'

Popup

A standard popup

- +

Variations

@@ -41,14 +41,14 @@ type : 'UI Module'

Size

A popup can be large or small

- - + +

Inverted

A popup can have its colors inverted

- +
@@ -64,7 +64,7 @@ type : 'UI Module'

Including metadata

Frequently used metadata like, title, content, html, or arrowOffset or variation, can be included in html metadata

- +
Specifying Content

Popups can specify content in three ways:

@@ -76,7 +76,7 @@ type : 'UI Module'

- +

Examples

@@ -84,32 +84,32 @@ type : 'UI Module'

Positioning

A popup can be positioned to any side of an element. If space is not available, it will automatically search for a similar alternative position to use.

- - - - - - - - + + + + + + + +

Title

A popup can be formatted with a title

- +

HTML

A popup can be formatted with html

- +

Transitions

A popup can have different transitions. Any transition with both an in and out animation can be specified. The following are just a few examples.

- +

$('.fade.icon') @@ -119,7 +119,7 @@ type : 'UI Module'
- +

$('.slide.icon') @@ -129,7 +129,7 @@ type : 'UI Module'
- +

$('.flip.icon') diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index 171f03f0a..0b53072f6 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -289,6 +289,10 @@ a:hover { top: 50%; width: 100%; } +#example .error.masthead .container { + position: relative; + z-index: 100; +} #example .masthead { position: relative; overflow: hidden; diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index 11ea2b8a0..2118dab17 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -24,10 +24,12 @@ + + - + @@ -62,7 +64,6 @@ -