.
9 |
10 | .list-group {
11 | // No need to set list-style: none; since .list-group-item is block level
12 | margin-bottom: 20px;
13 | padding-left: 0; // reset padding because ul and ol
14 | }
15 |
16 |
17 | // Individual list items
18 | //
19 | // Use on `li`s or `div`s within the `.list-group` parent.
20 |
21 | .list-group-item {
22 | position: relative;
23 | display: block;
24 | padding: 10px 15px;
25 | // Place the border on the list items and negative margin up for better styling
26 | margin-bottom: -1px;
27 | background-color: @list-group-bg;
28 | border: 1px solid @list-group-border;
29 |
30 | // Round the first and last items
31 | &:first-child {
32 | .border-top-radius(@list-group-border-radius);
33 | }
34 | &:last-child {
35 | margin-bottom: 0;
36 | .border-bottom-radius(@list-group-border-radius);
37 | }
38 |
39 | // Align badges within list items
40 | > .badge {
41 | float: right;
42 | }
43 | > .badge + .badge {
44 | margin-right: 5px;
45 | }
46 | }
47 |
48 |
49 | // Linked list items
50 | //
51 | // Use anchor elements instead of `li`s or `div`s to create linked list items.
52 | // Includes an extra `.active` modifier class for showing selected items.
53 |
54 | a.list-group-item {
55 | color: @list-group-link-color;
56 |
57 | .list-group-item-heading {
58 | color: @list-group-link-heading-color;
59 | }
60 |
61 | // Hover state
62 | &:hover,
63 | &:focus {
64 | text-decoration: none;
65 | background-color: @list-group-hover-bg;
66 | }
67 |
68 | // Active class on item itself, not parent
69 | &.active,
70 | &.active:hover,
71 | &.active:focus {
72 | z-index: 2; // Place active items above their siblings for proper border styling
73 | color: @list-group-active-color;
74 | background-color: @list-group-active-bg;
75 | border-color: @list-group-active-border;
76 |
77 | // Force color to inherit for custom content
78 | .list-group-item-heading {
79 | color: inherit;
80 | }
81 | .list-group-item-text {
82 | color: @list-group-active-text-color;
83 | }
84 | }
85 | }
86 |
87 |
88 | // Contextual variants
89 | //
90 | // Add modifier classes to change text and background color on individual items.
91 | // Organizationally, this must come after the `:hover` states.
92 |
93 | .list-group-item-variant(success; @state-success-bg; @state-success-text);
94 | .list-group-item-variant(info; @state-info-bg; @state-info-text);
95 | .list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
96 | .list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
97 |
98 |
99 | // Custom content options
100 | //
101 | // Extra classes for creating well-formatted content within `.list-group-item`s.
102 |
103 | .list-group-item-heading {
104 | margin-top: 0;
105 | margin-bottom: 5px;
106 | }
107 | .list-group-item-text {
108 | margin-bottom: 0;
109 | line-height: 1.3;
110 | }
111 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/media.less:
--------------------------------------------------------------------------------
1 | // Media objects
2 | // Source: http://stubbornella.org/content/?p=497
3 | // --------------------------------------------------
4 |
5 |
6 | // Common styles
7 | // -------------------------
8 |
9 | // Clear the floats
10 | .media,
11 | .media-body {
12 | overflow: hidden;
13 | zoom: 1;
14 | }
15 |
16 | // Proper spacing between instances of .media
17 | .media,
18 | .media .media {
19 | margin-top: 15px;
20 | }
21 | .media:first-child {
22 | margin-top: 0;
23 | }
24 |
25 | // For images and videos, set to block
26 | .media-object {
27 | display: block;
28 | }
29 |
30 | // Reset margins on headings for tighter default spacing
31 | .media-heading {
32 | margin: 0 0 5px;
33 | }
34 |
35 |
36 | // Media image alignment
37 | // -------------------------
38 |
39 | .media {
40 | > .pull-left {
41 | margin-right: 10px;
42 | }
43 | > .pull-right {
44 | margin-left: 10px;
45 | }
46 | }
47 |
48 |
49 | // Media list variation
50 | // -------------------------
51 |
52 | // Undo default ul/ol styles
53 | .media-list {
54 | padding-left: 0;
55 | list-style: none;
56 | }
57 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | display: none;
18 | overflow: auto;
19 | overflow-y: scroll;
20 | position: fixed;
21 | top: 0;
22 | right: 0;
23 | bottom: 0;
24 | left: 0;
25 | z-index: @zindex-modal;
26 | -webkit-overflow-scrolling: touch;
27 |
28 | // Prevent Chrome on Windows from adding a focus outline. For details, see
29 | // https://github.com/twbs/bootstrap/pull/10951.
30 | outline: 0;
31 |
32 | // When fading in the modal, animate it to slide down
33 | &.fade .modal-dialog {
34 | .translate(0, -25%);
35 | .transition-transform(~"0.3s ease-out");
36 | }
37 | &.in .modal-dialog {
38 | .translate(0, 0)
39 | }
40 | }
41 |
42 | // Shell div to position the modal with bottom padding
43 | .modal-dialog {
44 | position: relative;
45 | width: auto;
46 | margin: 10px;
47 | }
48 |
49 | // Actual modal
50 | .modal-content {
51 | position: relative;
52 | background-color: @modal-content-bg;
53 | border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
54 | border: 1px solid @modal-content-border-color;
55 | border-radius: @border-radius-large;
56 | .box-shadow(0 3px 9px rgba(0, 0, 0, .5));
57 | background-clip: padding-box;
58 | // Remove focus outline from opened modal
59 | outline: none;
60 | }
61 |
62 | // Modal background
63 | .modal-backdrop {
64 | position: fixed;
65 | top: 0;
66 | right: 0;
67 | bottom: 0;
68 | left: 0;
69 | z-index: @zindex-modal-background;
70 | background-color: @modal-backdrop-bg;
71 | // Fade for backdrop
72 | &.fade {
73 | .opacity(0);
74 | }
75 | &.in {
76 | .opacity(@modal-backdrop-opacity);
77 | }
78 | }
79 |
80 | // Modal header
81 | // Top section of the modal w/ title and dismiss
82 | .modal-header {
83 | padding: @modal-title-padding;
84 | border-bottom: 1px solid @modal-header-border-color;
85 | min-height: (@modal-title-padding + @modal-title-line-height);
86 | }
87 |
88 | // Close icon
89 | .modal-header .close {
90 | margin-top: -2px;
91 | }
92 |
93 | // Title text within header
94 | .modal-title {
95 | margin: 0;
96 | line-height: @modal-title-line-height;
97 | }
98 |
99 | // Modal body
100 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
101 | .modal-body {
102 | position: relative;
103 | padding: @modal-inner-padding;
104 | }
105 |
106 | // Footer (for actions)
107 | .modal-footer {
108 | margin-top: 15px;
109 | padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
110 | text-align: right; // right align buttons
111 | border-top: 1px solid @modal-footer-border-color;
112 | &:extend(.clearfix all)
113 | ; // clear it in case folks use .pull-* classes on buttons
114 |
115 | // Properly space out buttons
116 | .btn + .btn {
117 | margin-left: 5px;
118 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
119 | }
120 | // but override that for button groups
121 | .btn-group .btn + .btn {
122 | margin-left: -1px;
123 | }
124 | // and override it for block buttons as well
125 | .btn-block + .btn-block {
126 | margin-left: 0;
127 | }
128 | }
129 |
130 | // Scale up the modal
131 | @media (min-width: @screen-sm-min) {
132 | // Automatically set modal's width for larger viewports
133 | .modal-dialog {
134 | width: @modal-md;
135 | margin: 30px auto;
136 | }
137 |
138 | .modal-content {
139 | .box-shadow(0 5px 15px rgba(0, 0, 0, .5));
140 | }
141 |
142 | // Modal sizes
143 | .modal-sm {
144 | width: @modal-sm;
145 | }
146 | }
147 |
148 | @media (min-width: @screen-md-min) {
149 | .modal-lg {
150 | width: @modal-lg;
151 | }
152 | }
153 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/pager.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: @line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | &:extend(.clearfix all);
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: @pager-bg;
19 | border: 1px solid @pager-border;
20 | border-radius: @pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: @pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: @pager-disabled-color;
50 | background-color: @pager-bg;
51 | cursor: not-allowed;
52 | }
53 | }
54 |
55 | }
56 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/pagination.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 | .pagination {
5 | display: inline-block;
6 | padding-left: 0;
7 | margin: @line-height-computed 0;
8 | border-radius: @border-radius-base;
9 |
10 | > li {
11 | display: inline; // Remove list-style and block-level defaults
12 | > a,
13 | > span {
14 | position: relative;
15 | float: left; // Collapse white-space
16 | padding: @padding-base-vertical @padding-base-horizontal;
17 | line-height: @line-height-base;
18 | text-decoration: none;
19 | color: @pagination-color;
20 | background-color: @pagination-bg;
21 | border: 1px solid @pagination-border;
22 | margin-left: -1px;
23 | }
24 | &:first-child {
25 | > a,
26 | > span {
27 | margin-left: 0;
28 | .border-left-radius(@border-radius-base);
29 | }
30 | }
31 | &:last-child {
32 | > a,
33 | > span {
34 | .border-right-radius(@border-radius-base);
35 | }
36 | }
37 | }
38 |
39 | > li > a,
40 | > li > span {
41 | &:hover,
42 | &:focus {
43 | color: @pagination-hover-color;
44 | background-color: @pagination-hover-bg;
45 | border-color: @pagination-hover-border;
46 | }
47 | }
48 |
49 | > .active > a,
50 | > .active > span {
51 | &,
52 | &:hover,
53 | &:focus {
54 | z-index: 2;
55 | color: @pagination-active-color;
56 | background-color: @pagination-active-bg;
57 | border-color: @pagination-active-border;
58 | cursor: default;
59 | }
60 | }
61 |
62 | > .disabled {
63 | > span,
64 | > span:hover,
65 | > span:focus,
66 | > a,
67 | > a:hover,
68 | > a:focus {
69 | color: @pagination-disabled-color;
70 | background-color: @pagination-disabled-bg;
71 | border-color: @pagination-disabled-border;
72 | cursor: not-allowed;
73 | }
74 | }
75 | }
76 |
77 | // Sizing
78 | // --------------------------------------------------
79 |
80 | // Large
81 | .pagination-lg {
82 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
83 | }
84 |
85 | // Small
86 | .pagination-sm {
87 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
88 | }
89 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/popovers.less:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 | .popover {
6 | position: absolute;
7 | top: 0;
8 | left: 0;
9 | z-index: @zindex-popover;
10 | display: none;
11 | max-width: @popover-max-width;
12 | padding: 1px;
13 | text-align: left; // Reset given new insertion method
14 | background-color: @popover-bg;
15 | background-clip: padding-box;
16 | border: 1px solid @popover-fallback-border-color;
17 | border: 1px solid @popover-border-color;
18 | border-radius: @border-radius-large;
19 | .box-shadow(0 5px 10px rgba(0, 0, 0, .2));
20 |
21 | // Overrides for proper insertion
22 | white-space: normal;
23 |
24 | // Offset the popover to account for the popover arrow
25 | &.top {
26 | margin-top: -@popover-arrow-width;
27 | }
28 | &.right {
29 | margin-left: @popover-arrow-width;
30 | }
31 | &.bottom {
32 | margin-top: @popover-arrow-width;
33 | }
34 | &.left {
35 | margin-left: -@popover-arrow-width;
36 | }
37 | }
38 |
39 | .popover-title {
40 | margin: 0; // reset heading margin
41 | padding: 8px 14px;
42 | font-size: @font-size-base;
43 | font-weight: normal;
44 | line-height: 18px;
45 | background-color: @popover-title-bg;
46 | border-bottom: 1px solid darken(@popover-title-bg, 5%);
47 | border-radius: 5px 5px 0 0;
48 | }
49 |
50 | .popover-content {
51 | padding: 9px 14px;
52 | }
53 |
54 | // Arrows
55 | //
56 | // .arrow is outer, .arrow:after is inner
57 |
58 | .popover > .arrow {
59 | &,
60 | &:after {
61 | position: absolute;
62 | display: block;
63 | width: 0;
64 | height: 0;
65 | border-color: transparent;
66 | border-style: solid;
67 | }
68 | }
69 |
70 | .popover > .arrow {
71 | border-width: @popover-arrow-outer-width;
72 | }
73 |
74 | .popover > .arrow:after {
75 | border-width: @popover-arrow-width;
76 | content: "";
77 | }
78 |
79 | .popover {
80 | &.top > .arrow {
81 | left: 50%;
82 | margin-left: -@popover-arrow-outer-width;
83 | border-bottom-width: 0;
84 | border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
85 | border-top-color: @popover-arrow-outer-color;
86 | bottom: -@popover-arrow-outer-width;
87 | &:after {
88 | content: " ";
89 | bottom: 1px;
90 | margin-left: -@popover-arrow-width;
91 | border-bottom-width: 0;
92 | border-top-color: @popover-arrow-color;
93 | }
94 | }
95 | &.right > .arrow {
96 | top: 50%;
97 | left: -@popover-arrow-outer-width;
98 | margin-top: -@popover-arrow-outer-width;
99 | border-left-width: 0;
100 | border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
101 | border-right-color: @popover-arrow-outer-color;
102 | &:after {
103 | content: " ";
104 | left: 1px;
105 | bottom: -@popover-arrow-width;
106 | border-left-width: 0;
107 | border-right-color: @popover-arrow-color;
108 | }
109 | }
110 | &.bottom > .arrow {
111 | left: 50%;
112 | margin-left: -@popover-arrow-outer-width;
113 | border-top-width: 0;
114 | border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
115 | border-bottom-color: @popover-arrow-outer-color;
116 | top: -@popover-arrow-outer-width;
117 | &:after {
118 | content: " ";
119 | top: 1px;
120 | margin-left: -@popover-arrow-width;
121 | border-top-width: 0;
122 | border-bottom-color: @popover-arrow-color;
123 | }
124 | }
125 |
126 | &.left > .arrow {
127 | top: 50%;
128 | right: -@popover-arrow-outer-width;
129 | margin-top: -@popover-arrow-outer-width;
130 | border-right-width: 0;
131 | border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
132 | border-left-color: @popover-arrow-outer-color;
133 | &:after {
134 | content: " ";
135 | right: 1px;
136 | border-right-width: 0;
137 | border-left-color: @popover-arrow-color;
138 | bottom: -@popover-arrow-width;
139 | }
140 | }
141 |
142 | }
143 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/print.less:
--------------------------------------------------------------------------------
1 | //
2 | // Basic print styles
3 | // --------------------------------------------------
4 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5 |
6 | @media print {
7 |
8 | * {
9 | text-shadow: none !important;
10 | color: #000 !important; // Black prints faster: h5bp.com/s
11 | background: transparent !important;
12 | box-shadow: none !important;
13 | }
14 |
15 | a,
16 | a:visited {
17 | text-decoration: underline;
18 | }
19 |
20 | a[href]:after {
21 | content: " (" attr(href) ")";
22 | }
23 |
24 | abbr[title]:after {
25 | content: " (" attr(title) ")";
26 | }
27 |
28 | // Don't show links for images, or javascript/internal links
29 | a[href^="javascript:"]:after,
30 | a[href^="#"]:after {
31 | content: "";
32 | }
33 |
34 | pre,
35 | blockquote {
36 | border: 1px solid #999;
37 | page-break-inside: avoid;
38 | }
39 |
40 | thead {
41 | display: table-header-group; // h5bp.com/t
42 | }
43 |
44 | tr,
45 | img {
46 | page-break-inside: avoid;
47 | }
48 |
49 | img {
50 | max-width: 100% !important;
51 | }
52 |
53 | p,
54 | h2,
55 | h3 {
56 | orphans: 3;
57 | widows: 3;
58 | }
59 |
60 | h2,
61 | h3 {
62 | page-break-after: avoid;
63 | }
64 |
65 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66 | // Once fixed, we can just straight up remove this.
67 | select {
68 | background: #fff !important;
69 | }
70 |
71 | // Bootstrap components
72 | .navbar {
73 | display: none;
74 | }
75 | .table {
76 | td,
77 | th {
78 | background-color: #fff !important;
79 | }
80 | }
81 | .btn,
82 | .dropup > .btn {
83 | > .caret {
84 | border-top-color: #000 !important;
85 | }
86 | }
87 | .label {
88 | border: 1px solid #000;
89 | }
90 |
91 | .table {
92 | border-collapse: collapse !important;
93 | }
94 | .table-bordered {
95 | th,
96 | td {
97 | border: 1px solid #ddd !important;
98 | }
99 | }
100 |
101 | }
102 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/progress-bars.less:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // Bar animations
7 | // -------------------------
8 |
9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 |
22 |
23 | // Bar itself
24 | // -------------------------
25 |
26 | // Outer container
27 | .progress {
28 | overflow: hidden;
29 | height: @line-height-computed;
30 | margin-bottom: @line-height-computed;
31 | background-color: @progress-bg;
32 | border-radius: @border-radius-base;
33 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
34 | }
35 |
36 | // Bar of progress
37 | .progress-bar {
38 | float: left;
39 | width: 0%;
40 | height: 100%;
41 | font-size: @font-size-small;
42 | line-height: @line-height-computed;
43 | color: @progress-bar-color;
44 | text-align: center;
45 | background-color: @progress-bar-bg;
46 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
47 | .transition(width .6s ease);
48 | }
49 |
50 | // Striped bars
51 | .progress-striped .progress-bar {
52 | #gradient > .striped();
53 | background-size: 40px 40px;
54 | }
55 |
56 | // Call animation for the active one
57 | .progress.active .progress-bar {
58 | .animation(progress-bar-stripes 2s linear infinite);
59 | }
60 |
61 |
62 |
63 | // Variations
64 | // -------------------------
65 |
66 | .progress-bar-success {
67 | .progress-bar-variant(@progress-bar-success-bg);
68 | }
69 |
70 | .progress-bar-info {
71 | .progress-bar-variant(@progress-bar-info-bg);
72 | }
73 |
74 | .progress-bar-warning {
75 | .progress-bar-variant(@progress-bar-warning-bg);
76 | }
77 |
78 | .progress-bar-danger {
79 | .progress-bar-variant(@progress-bar-danger-bg);
80 | }
81 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/responsive-utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Responsive: Utility classes
3 | // --------------------------------------------------
4 |
5 | // IE10 in Windows (Phone) 8
6 | //
7 | // Support for responsive views via media queries is kind of borked in IE10, for
8 | // Surface/desktop in split view and for Windows Phone 8. This particular fix
9 | // must be accompanied by a snippet of JavaScript to sniff the user agent and
10 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
11 | // our Getting Started page for more information on this bug.
12 | //
13 | // For more information, see the following:
14 | //
15 | // Issue: https://github.com/twbs/bootstrap/issues/10497
16 | // Docs: http://getbootstrap.com/getting-started/#browsers
17 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
18 |
19 | @-ms-viewport {
20 | width: device-width;
21 | }
22 |
23 | // Visibility utilities
24 | .visible-xs,
25 | .visible-sm,
26 | .visible-md,
27 | .visible-lg {
28 | .responsive-invisibility();
29 | }
30 |
31 | .visible-xs {
32 | @media (max-width: @screen-xs-max) {
33 | .responsive-visibility();
34 | }
35 | }
36 |
37 | .visible-sm {
38 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
39 | .responsive-visibility();
40 | }
41 | }
42 |
43 | .visible-md {
44 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
45 | .responsive-visibility();
46 | }
47 | }
48 |
49 | .visible-lg {
50 | @media (min-width: @screen-lg-min) {
51 | .responsive-visibility();
52 | }
53 | }
54 |
55 | .hidden-xs {
56 | @media (max-width: @screen-xs-max) {
57 | .responsive-invisibility();
58 | }
59 | }
60 |
61 | .hidden-sm {
62 | @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
63 | .responsive-invisibility();
64 | }
65 | }
66 |
67 | .hidden-md {
68 | @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
69 | .responsive-invisibility();
70 | }
71 | }
72 |
73 | .hidden-lg {
74 | @media (min-width: @screen-lg-min) {
75 | .responsive-invisibility();
76 | }
77 | }
78 |
79 | // Print utilities
80 | //
81 | // Media queries are placed on the inside to be mixin-friendly.
82 |
83 | .visible-print {
84 | .responsive-invisibility();
85 |
86 | @media print {
87 | .responsive-visibility();
88 | }
89 | }
90 |
91 | .hidden-print {
92 | @media print {
93 | .responsive-invisibility();
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/scaffolding.less:
--------------------------------------------------------------------------------
1 | //
2 | // Scaffolding
3 | // --------------------------------------------------
4 |
5 |
6 | // Reset the box-sizing
7 | //
8 | // Heads up! This reset may cause conflicts with some third-party widgets.
9 | // For recommendations on resolving such conflicts, see
10 | // http://getbootstrap.com/getting-started/#third-box-sizing
11 | * {
12 | .box-sizing(border-box);
13 | }
14 | *:before,
15 | *:after {
16 | .box-sizing(border-box);
17 | }
18 |
19 |
20 | // Body reset
21 |
22 | html {
23 | font-size: 62.5%;
24 | -webkit-tap-highlight-color: rgba(0,0,0,0);
25 | }
26 |
27 | body {
28 | font-family: @font-family-base;
29 | font-size: @font-size-base;
30 | line-height: @line-height-base;
31 | color: @text-color;
32 | background-color: @body-bg;
33 | }
34 |
35 | // Reset fonts for relevant elements
36 | input,
37 | button,
38 | select,
39 | textarea {
40 | font-family: inherit;
41 | font-size: inherit;
42 | line-height: inherit;
43 | }
44 |
45 |
46 | // Links
47 |
48 | a {
49 | color: @link-color;
50 | text-decoration: none;
51 |
52 | &:hover,
53 | &:focus {
54 | color: @link-hover-color;
55 | text-decoration: underline;
56 | }
57 |
58 | &:focus {
59 | .tab-focus();
60 | }
61 | }
62 |
63 |
64 | // Figures
65 | //
66 | // We reset this here because previously Normalize had no `figure` margins. This
67 | // ensures we don't break anyone's use of the element.
68 |
69 | figure {
70 | margin: 0;
71 | }
72 |
73 |
74 | // Images
75 |
76 | img {
77 | vertical-align: middle;
78 | }
79 |
80 | // Responsive images (ensure images don't scale beyond their parents)
81 | .img-responsive {
82 | .img-responsive();
83 | }
84 |
85 | // Rounded corners
86 | .img-rounded {
87 | border-radius: @border-radius-large;
88 | }
89 |
90 | // Image thumbnails
91 | //
92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
93 | .img-thumbnail {
94 | padding: @thumbnail-padding;
95 | line-height: @line-height-base;
96 | background-color: @thumbnail-bg;
97 | border: 1px solid @thumbnail-border;
98 | border-radius: @thumbnail-border-radius;
99 | .transition(all .2s ease-in-out);
100 |
101 | // Keep them at most 100% wide
102 | .img-responsive(inline-block);
103 | }
104 |
105 | // Perfect circle
106 | .img-circle {
107 | border-radius: 50%; // set radius in percents
108 | }
109 |
110 |
111 | // Horizontal rules
112 |
113 | hr {
114 | margin-top: @line-height-computed;
115 | margin-bottom: @line-height-computed;
116 | border: 0;
117 | border-top: 1px solid @hr-border;
118 | }
119 |
120 |
121 | // Only display content to screen readers
122 | //
123 | // See: http://a11yproject.com/posts/how-to-hide-content/
124 |
125 | .sr-only {
126 | position: absolute;
127 | width: 1px;
128 | height: 1px;
129 | margin: -1px;
130 | padding: 0;
131 | overflow: hidden;
132 | clip: rect(0,0,0,0);
133 | border: 0;
134 | }
135 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/thumbnails.less:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 | // Mixin and adjust the regular image class
6 | .thumbnail {
7 | display: block;
8 | padding: @thumbnail-padding;
9 | margin-bottom: @line-height-computed;
10 | line-height: @line-height-base;
11 | background-color: @thumbnail-bg;
12 | border: 1px solid @thumbnail-border;
13 | border-radius: @thumbnail-border-radius;
14 | .transition(all .2s ease-in-out);
15 |
16 | > img,
17 | a > img {
18 | &:extend(.img-responsive)
19 | ;
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // Add a hover state for linked versions only
25 | a&:hover,
26 | a&:focus,
27 | a&.active {
28 | border-color: @link-color;
29 | }
30 |
31 | // Image captions
32 | .caption {
33 | padding: @thumbnail-caption-padding;
34 | color: @thumbnail-caption-color;
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/tooltip.less:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: @zindex-tooltip;
10 | display: block;
11 | visibility: visible;
12 | font-size: @font-size-small;
13 | line-height: 1.4;
14 | .opacity(0);
15 |
16 | &.in { .opacity(@tooltip-opacity); }
17 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
18 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
19 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
20 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
21 | }
22 |
23 | // Wrapper for the tooltip content
24 | .tooltip-inner {
25 | max-width: @tooltip-max-width;
26 | padding: 3px 8px;
27 | color: @tooltip-color;
28 | text-align: center;
29 | text-decoration: none;
30 | background-color: @tooltip-bg;
31 | border-radius: @border-radius-base;
32 | }
33 |
34 | // Arrows
35 | .tooltip-arrow {
36 | position: absolute;
37 | width: 0;
38 | height: 0;
39 | border-color: transparent;
40 | border-style: solid;
41 | }
42 | .tooltip {
43 | &.top .tooltip-arrow {
44 | bottom: 0;
45 | left: 50%;
46 | margin-left: -@tooltip-arrow-width;
47 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
48 | border-top-color: @tooltip-arrow-color;
49 | }
50 | &.top-left .tooltip-arrow {
51 | bottom: 0;
52 | left: @tooltip-arrow-width;
53 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
54 | border-top-color: @tooltip-arrow-color;
55 | }
56 | &.top-right .tooltip-arrow {
57 | bottom: 0;
58 | right: @tooltip-arrow-width;
59 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
60 | border-top-color: @tooltip-arrow-color;
61 | }
62 | &.right .tooltip-arrow {
63 | top: 50%;
64 | left: 0;
65 | margin-top: -@tooltip-arrow-width;
66 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
67 | border-right-color: @tooltip-arrow-color;
68 | }
69 | &.left .tooltip-arrow {
70 | top: 50%;
71 | right: 0;
72 | margin-top: -@tooltip-arrow-width;
73 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
74 | border-left-color: @tooltip-arrow-color;
75 | }
76 | &.bottom .tooltip-arrow {
77 | top: 0;
78 | left: 50%;
79 | margin-left: -@tooltip-arrow-width;
80 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
81 | border-bottom-color: @tooltip-arrow-color;
82 | }
83 | &.bottom-left .tooltip-arrow {
84 | top: 0;
85 | left: @tooltip-arrow-width;
86 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
87 | border-bottom-color: @tooltip-arrow-color;
88 | }
89 | &.bottom-right .tooltip-arrow {
90 | top: 0;
91 | right: @tooltip-arrow-width;
92 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93 | border-bottom-color: @tooltip-arrow-color;
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | .clearfix();
11 | }
12 | .center-block {
13 | .center-block();
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | .text-hide();
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | visibility: hidden !important;
48 | }
49 |
50 |
51 | // For Affix plugin
52 | // -------------------------
53 |
54 | .affix {
55 | position: fixed;
56 | }
57 |
--------------------------------------------------------------------------------
/server/public/css/lib/bootstrap/wells.less:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: @well-bg;
12 | border: 1px solid @well-border;
13 | border-radius: @border-radius-base;
14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: @border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: @border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/server/public/css/styles.less:
--------------------------------------------------------------------------------
1 | @import (less) "lib/animate.css";
2 | @import (less) "lib/font-awesome.min.css";
3 | @import "lib/bootstrap/bootstrap";
4 | @import "lib/bootstrap-social";
5 | @import "themes/default";
6 |
7 | // Scaffolding
8 | // -------------------------
9 |
10 | html, body {
11 | height: 100%;
12 | }
13 |
14 | body {
15 | padding-top: 70px;
16 | }
17 |
18 | #wrap {
19 | min-height: 100%;
20 | height: auto !important;
21 | height: 100%;
22 | /* Negative indent footer by its height */
23 | margin: 0 auto -100px;
24 | /* Pad bottom by footer height + (optional) extra spacing */
25 | padding: 0 0 140px;
26 | }
27 |
28 | #footer {
29 | font-size: 12px;
30 | padding-top: 40px;
31 | padding-bottom: 40px;
32 | height: 100px;
33 | }
34 |
35 | // Navbar
36 | // -------------------------
37 |
38 | @navbar-height: 45px;
39 |
40 | .navbar-nav .profile-image {
41 | width: 30px;
42 | height: 30px;
43 | margin: -15px 15px -15px 0;
44 | }
45 |
46 | .navbar-brand {
47 | background-image: url('../img/npm-logo.png');
48 | background-repeat: no-repeat;
49 | background-size: 40px;
50 | background-position: left center;
51 | padding-left: 50px;
52 | margin-left: 15px;
53 | height: 45px;
54 | }
55 |
56 | // Social Buttons
57 | // -------------------------
58 |
59 | .btn-social {
60 | border-radius: 2px;
61 | }
62 |
63 | // Font Awesome
64 | // -------------------------
65 |
66 | [class^="fa-"],
67 | [class*="fa-"] {
68 | margin-right: 5px;
69 | }
70 |
71 | // API Examples
72 | // -------------------------
73 |
74 | .thumb {
75 | padding-left: 0 !important;
76 | padding-right: 0 !important;
77 | }
78 |
79 | .thumb img {
80 | margin-bottom: 5px;
81 | margin-right: 5px;
82 | opacity: 0.2;
83 | transition: opacity 0.2s;
84 | }
85 |
86 | .thumb:hover img {
87 | opacity: 1;
88 | box-shadow: 0 0 3px 1px @brand-primary;
89 | }
90 |
91 | .facebook-caption {
92 | position: absolute;
93 | background-color: rgba(0, 0, 0, 0.5);
94 | font-size: 12px;
95 | color: #fff;
96 | padding: 3px;
97 | bottom: 25px;
98 | }
--------------------------------------------------------------------------------
/server/public/css/themes/default.less:
--------------------------------------------------------------------------------
1 | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,300,700,800);
2 |
3 | // Brand Colors
4 | // -------------------------
5 |
6 | @brand-primary: #4d90fc;
7 | @brand-success: #60bf60;
8 | @brand-warning: #ff9800;
9 | @brand-danger: #de4b33;
10 | @brand-info: #5bc0dd;
11 |
12 | // Typography
13 | // -------------------------
14 |
15 | // Buttons
16 | // -------------------------
17 |
18 | @btn-primary-border: darken(@btn-primary-bg, 3.2%);
19 | @btn-success-border: darken(@btn-success-bg, 3.2%);
20 | @btn-warning-border: darken(@btn-warning-bg, 3.2%);
21 | @btn-danger-border: darken(@btn-danger-bg, 3.2%);
22 | @btn-info-border: darken(@btn-info-bg, 3.2%);
23 |
24 | .btn {
25 | border-radius: 0;
26 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset;
27 |
28 | &:focus {
29 | outline: none;
30 | }
31 | }
32 |
33 | .btn-default, .btn-default:focus {
34 | background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%);
35 | }
36 |
37 | .btn-link {
38 | box-shadow: none;
39 | }
40 |
41 | // Forms
42 | // -------------------------
43 |
44 | @input-border-radius: 0;
45 | @input-border-focus: #2598f9;
46 |
47 | .form-control:focus {
48 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
49 | }
50 |
51 | // Form states and alerts
52 | // -------------------------
53 |
54 | @state-success-text: #569845;
55 | @state-success-bg: #dbf5d3;
56 | @state-success-border: #aed3a5;
57 |
58 | @state-info-text: #3a87ad;
59 | @state-info-bg: #d9edf7;
60 | @state-info-border: #98cce7;
61 |
62 | @state-warning-text: #bf9853;
63 | @state-warning-bg: #fdf8e2;
64 | @state-warning-border: #f2daab;
65 |
66 | @state-danger-text: #b94a48;
67 | @state-danger-bg: #f2dede;
68 | @state-danger-border: #e0b1b8;
69 |
70 | // Alerts
71 | // -------------------------
72 |
73 | .alert {
74 | border-radius: 0;
75 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
76 | }
77 |
78 | // Navbar
79 | // -------------------------
80 |
81 | .navbar-default .navbar-nav > li a {
82 | transition: color 0.3s;
83 | }
84 |
--------------------------------------------------------------------------------
/server/public/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/server/public/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/server/public/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/server/public/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/server/public/img/npm-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/img/npm-logo.png
--------------------------------------------------------------------------------
/server/public/img/paypal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pboyer/flood/c86ab0b96034130c82c8efd92a62914f2d771311/server/public/img/paypal.png
--------------------------------------------------------------------------------
/server/public/js/application.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This is a manifest file that will be compiled into application.js, which will
3 | * include all the files listed below.
4 | *
5 | * Any JavaScript file within this directory can be referenced here using a
6 | * relative path.
7 | *
8 | * It's not advisable to add code directly here, but if you do, it will appear
9 | * at the bottom of the compiled file.
10 | */
11 |
12 | //= require lib/jquery-2.1.0.min
13 | //= require lib/bootstrap.min
14 | //= require main
--------------------------------------------------------------------------------
/server/public/js/main.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function() {
2 |
3 | // Place JavaScript code here...
4 |
5 | });
6 |
--------------------------------------------------------------------------------
/server/test/app.js:
--------------------------------------------------------------------------------
1 | var request = require('supertest');
2 | var app = require('../app.js');
3 |
4 | describe('GET /', function() {
5 | it('should return 200 OK', function(done) {
6 | request(app)
7 | .get('/')
8 | .expect(200, done);
9 | });
10 | });
11 |
12 | describe('GET /login', function() {
13 | it('should return 200 OK', function(done) {
14 | request(app)
15 | .get('/login')
16 | .expect(200, done);
17 | });
18 | });
19 |
20 | describe('GET /signup', function() {
21 | it('should return 200 OK', function(done) {
22 | request(app)
23 | .get('/signup')
24 | .expect(200, done);
25 | });
26 | });
27 |
28 | describe('GET /api', function() {
29 | it('should return 200 OK', function(done) {
30 | request(app)
31 | .get('/api')
32 | .expect(200, done);
33 | });
34 | });
35 |
36 | describe('GET /contact', function() {
37 | it('should return 200 OK', function(done) {
38 | request(app)
39 | .get('/contact')
40 | .expect(200, done);
41 | });
42 | });
43 |
44 | describe('GET /random-url', function() {
45 | it('should return 404', function(done) {
46 | request(app)
47 | .get('/reset')
48 | .expect(404, done);
49 | });
50 | });
--------------------------------------------------------------------------------
/server/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --reporter spec
2 | --timeout 5000
--------------------------------------------------------------------------------
/server/test/models.js:
--------------------------------------------------------------------------------
1 | var chai = require('chai');
2 | var should = chai.should();
3 | var User = require('../models/User');
4 |
5 | describe('User Model', function() {
6 | it('should create a new user', function(done) {
7 | var user = new User({
8 | email: 'test@gmail.com',
9 | password: 'password'
10 | });
11 | user.save(function(err) {
12 | if (err) return done(err);
13 | done();
14 | })
15 | });
16 |
17 | it('should not create a user with the unique email', function(done) {
18 | var user = new User({
19 | email: 'test@gmail.com',
20 | password: 'password'
21 | });
22 | user.save(function(err) {
23 | if (err) err.code.should.equal(11000);
24 | done();
25 | });
26 | });
27 |
28 | it('should find user by email', function(done) {
29 | User.findOne({ email: 'test@gmail.com' }, function(err, user) {
30 | if (err) return done(err);
31 | user.email.should.equal('test@gmail.com');
32 | done();
33 | });
34 | });
35 |
36 | it('should delete a user', function(done) {
37 | User.remove({ email: 'test@gmail.com' }, function(err) {
38 | if (err) return done(err);
39 | done();
40 | });
41 | });
42 | });
43 |
--------------------------------------------------------------------------------
/server/views/404.jade:
--------------------------------------------------------------------------------
1 | doctype html
2 | html
3 | head
4 | title The page you were looking for doesn't exist (404)
5 | style.
6 | body {
7 | background-color: #EFEFEF;
8 | color: #2E2F30;
9 | text-align: center;
10 | font-family: arial, sans-serif;
11 | }
12 | div.dialog {
13 | width: 25em;
14 | margin: 4em auto 0 auto;
15 | border: 1px solid #CCC;
16 | border-right-color: #999;
17 | border-left-color: #999;
18 | border-bottom-color: #BBB;
19 | border-top: #8CC84B solid 4px;
20 | border-radius: 9px;
21 | background-color: white;
22 | padding: 7px 4em 0 4em;
23 | }
24 | h1 {
25 | font-size: 100%;
26 | color: #480;
27 | line-height: 1.5em;
28 | }
29 | body > p {
30 | width: 33em;
31 | margin: 0 auto 1em;
32 | padding: 1em 0;
33 | background-color: #F7F7F7;
34 | border: 1px solid #CCC;
35 | border-right-color: #999;
36 | border-bottom-color: #999;
37 | border-bottom-left-radius: 4px;
38 | border-bottom-right-radius: 4px;
39 | border-top-color: #DADADA;
40 | color: #666;
41 | box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
42 | }
43 | body
44 | .dialog
45 | h1 404 Not Found
46 | p The page you were looking for doesn't exist.
47 |
--------------------------------------------------------------------------------
/server/views/account/forgot.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .col-sm-8.col-sm-offset-2
5 | form(method='POST')
6 | legend Forgot Password
7 | input(type='hidden', name='_csrf', value=_csrf)
8 | .form-group
9 | p Enter your email address below and we will send you password reset instructions.
10 | label.control-label(for='email') Email
11 | input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus=true)
12 | .form-group
13 | button.btn.btn-primary(type='submit')
14 | i.fa.fa-key
15 | | Reset Password
16 |
--------------------------------------------------------------------------------
/server/views/account/login.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | form(method='POST')
5 | legend Sign In
6 | input(type='hidden', name='_csrf', value=_csrf)
7 | .col-sm-8.col-sm-offset-2
8 | if secrets.localAuth
9 | .form-group
10 | label.control-label(for='email') Email
11 | input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true)
12 | .form-group
13 | label.control-label(for='password') Password
14 | input.form-control(type='password', name='password', id='password', placeholder='Password')
15 | .form-group
16 | button.btn.btn-primary(type='submit')
17 | i.fa.fa-unlock-alt
18 | | Login
19 | a.btn.btn-link(href='/forgot') Forgot your password?
20 | hr
21 | if secrets.facebookAuth
22 | a.btn.btn-block.btn-facebook.btn-social(href='/auth/facebook')
23 | i.fa.fa-facebook
24 | | Sign in with Facebook
25 | if secrets.twitterAuth
26 | a.btn.btn-block.btn-twitter.btn-social(href='/auth/twitter')
27 | i.fa.fa-twitter
28 | | Sign in with Twitter
29 | if secrets.googleAuth
30 | a.btn.btn-block.btn-google-plus.btn-social(href='/auth/google')
31 | i.fa.fa-google-plus
32 | | Sign in with Google
33 | if secrets.githubAuth
34 | a.btn.btn-block.btn-github.btn-social(href='/auth/github')
35 | i.fa.fa-github
36 | | Sign in with GitHub
37 | if secrets.linkedinAuth
38 | a.btn.btn-block.btn-linkedin.btn-social(href='/auth/linkedin')
39 | i.fa.fa-linkedin
40 | | Sign in with LinkedIn
41 |
--------------------------------------------------------------------------------
/server/views/account/profile.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h3 Profile Information
6 |
7 | form.form-horizontal(action='/account/profile', method='POST')
8 | input(type='hidden', name='_csrf', value=_csrf)
9 | .form-group
10 | label.col-sm-2.control-label(for='email') Email
11 | .col-sm-4
12 | input.form-control(type='email', name='email', id='email', value='#{user.email}')
13 | .form-group
14 | label.col-sm-2.control-label(for='name') Name
15 | .col-sm-4
16 | input.form-control(type='text', name='name', id='name', value='#{user.profile.name}')
17 | .form-group
18 | label.col-sm-2.control-label(for='gender') Gender
19 | .col-sm-4
20 | label.radio
21 | input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
22 | span Male
23 | label.radio
24 | input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
25 | span Female
26 | .form-group
27 | label.col-sm-2.control-label(for='location') Location
28 | .col-sm-4
29 | input.form-control(type='text', name='location', id='location', value='#{user.profile.location}')
30 | .form-group
31 | label.col-sm-2.control-label(for='website') Website
32 | .col-sm-4
33 | input.form-control(type='text', name='website', id='website', value='#{user.profile.website}')
34 | .form-group
35 | label.col-sm-2.control-label(for='gravatar') Gravatar
36 | .col-sm-4
37 | img(src="#{user.gravatar()}", class='profile', width='100', height='100')
38 | .form-group
39 | .col-sm-offset-2.col-sm-4
40 | button.btn.btn.btn-primary(type='submit')
41 | i.fa.fa-magnet
42 | | Update Profile
43 |
44 |
45 | if secrets.localAuth
46 | .page-header
47 | h3 Change Password
48 |
49 | form.form-horizontal(action='/account/password', method='POST')
50 | input(type='hidden', name='_csrf', value=_csrf)
51 | .form-group
52 | label.col-sm-3.control-label(for='password') New Password
53 | .col-sm-4
54 | input.form-control(type='password', name='password', id='password')
55 | .form-group
56 | label.col-sm-3.control-label(for='confirmPassword') Confirm Password
57 | .col-sm-4
58 | input.form-control(type='password', name='confirmPassword', id='confirmPassword')
59 | .form-group
60 | .col-sm-offset-3.col-sm-4
61 | button.btn.btn.btn-primary(type='submit')
62 | i.fa.fa-keyboard-o
63 | | Change Password
64 |
65 | .page-header
66 | h3 Delete Account
67 |
68 | p You can delete your account, but keep in mind this action is irreversible.
69 | form(action='/account/delete', method='POST')
70 | input(type='hidden', name='_csrf', value=token)
71 | button.btn.btn-danger(type='submit')
72 | i.fa.fa-trash-o
73 | | Delete my account
74 |
75 | .page-header
76 | h3 Linked Accounts
77 |
78 | if secrets.googleAuth
79 | if user.google
80 | p: a.text-danger(href='/account/unlink/google') Unlink your Google account
81 | else
82 | p: a(href='/auth/google') Link your Google account
83 |
84 | if secrets.facebookAuth
85 | if user.facebook
86 | p: a.text-danger(href='/account/unlink/facebook') Unlink your Facebook account
87 | else
88 | p: a(href='/auth/facebook') Link your Facebook account
89 |
90 | if secrets.twitterAuth
91 | if user.twitter
92 | p: a.text-danger(href='/account/unlink/twitter') Unlink your Twitter account
93 | else
94 | p: a(href='/auth/twitter') Link your Twitter account
95 |
96 | if secrets.githubAuth
97 | if user.github
98 | p: a.text-danger(href='/account/unlink/github') Unlink your GitHub account
99 | else
100 | p: a(href='/auth/github') Link your GitHub account
101 |
102 | if secrets.linkedinAuth
103 | if user.linkedin
104 | p: a.text-danger(href='/account/unlink/linkedin') Unlink your LinkedIn account
105 | else
106 | p: a(href='/auth/linkedin') Link your LinkedIn account
107 |
--------------------------------------------------------------------------------
/server/views/account/reset.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .col-sm-8.col-sm-offset-2
5 | form(method='POST')
6 | legend Reset Password
7 | input(type='hidden', name='_csrf', value=_csrf)
8 | .form-group
9 | label(for='password') New Password
10 | input.form-control(type='password', name='password', value='', placeholder='New password', autofocus=true)
11 | .form-group
12 | label(for='confirm') Confirm Password
13 | input.form-control(type='password', name='confirm', value='', placeholder='Confirm password')
14 | .form-group
15 | button.btn.btn-primary.btn-reset(type='submit')
16 | i.fa.fa-keyboard-o
17 | | Change Password
18 |
--------------------------------------------------------------------------------
/server/views/account/signup.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | form.form-horizontal(id='signup-form', method='POST')
5 | input(type='hidden', name='_csrf', value=_csrf)
6 | legend Signup
7 | .form-group
8 | label.col-sm-3.control-label(for='email') Email
9 | .col-sm-7
10 | input.form-control(type='email', name='email', id='email', placeholder='Email', autofocus)
11 | .form-group
12 | label.col-sm-3.control-label(for='password') Password
13 | .col-sm-7
14 | input.form-control(type='password', name='password', id='password', placeholder='Password')
15 | .form-group
16 | label.col-sm-3.control-label(for='confirmPassword') Confirm Password
17 | .col-sm-7
18 | input.form-control(type='password', name='confirmPassword', id='confirmPassword', placeholder='Confirm Password')
19 | .form-group
20 | .col-sm-offset-3.col-sm-7
21 | button.btn.btn-success(type='submit')
22 | i.fa.fa-check
23 | | Signup
24 |
--------------------------------------------------------------------------------
/server/views/api/aviary.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-picture-o
7 | | Aviary API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#constructor', target='_blank')
11 | i.fa.fa-check-square-o
12 | | API Overview
13 | a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#saving', target='_blank')
14 | i.fa.fa-save
15 | | Saving Images
16 | a.btn.btn-primary(href='http://developers.aviary.com/docs/web/setup-guide#styling', target='_blank')
17 | i.fa.fa-flask
18 | | CSS Styling
19 | br
20 | p: button.btn.btn-success(onclick='return launchEditor("evanescence", "http://i.imgur.com/fM7OHvr.png");')
21 | i.fa.fa-magic
22 | | Edit Photo
23 | img#evanescence(src='http://i.imgur.com/fM7OHvr.png')
24 |
25 | script(src='http://feather.aviary.com/js/feather.js')
26 | script.
27 | var featherEditor = new Aviary.Feather({
28 | apiKey: 'c83c98c0da041785',
29 | apiVersion: 3,
30 | theme: 'dark',
31 | tools: 'all',
32 | appendTo: '',
33 | onSave: function(imageID, newURL) {
34 | var img = document.getElementById(imageID);
35 | img.src = newURL;
36 | },
37 | onError: function(errorObj) {
38 | alert(errorObj.message);
39 | }
40 | });
41 | function launchEditor(id, src) {
42 | featherEditor.launch({
43 | image: id,
44 | url: src
45 | });
46 | return false;
47 | }
--------------------------------------------------------------------------------
/server/views/api/clockwork.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-phone
7 | | Clockwork SMS API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://github.com/mediaburst/node-clockwork', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Clockwork Node
13 | a.btn.btn-primary(href='http://www.clockworksms.com/doc/clever-stuff/xml-interface/send-sms/', target='_blank')
14 | i.fa.fa-code-fork
15 | | XML API
16 |
17 | h4 Send a text message
18 | .row
19 | .col-sm-6
20 | form(role='form', method='POST')
21 | input(type='hidden', name='_csrf', value=_csrf)
22 | .form-group
23 | .input-group
24 | input.form-control(type='text', name='telephone', placeholder='Phone Number (international format)')
25 | span.input-group-btn
26 | button.btn.btn-success(type='submit') Send
27 |
--------------------------------------------------------------------------------
/server/views/api/facebook.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-facebook-square(style='color: #335397')
7 | | Facebook API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://developers.facebook.com/docs/graph-api/quickstart/', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Quickstart
13 | a.btn.btn-primary(href='https://developers.facebook.com/tools/explorer', target='_blank')
14 | i.fa.fa-facebook
15 | | Graph API Explorer
16 | a.btn.btn-primary(href='https://developers.facebook.com/docs/graph-api/reference/', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Reference
19 |
20 | h2 /me
21 | img(src='https://graph.facebook.com/#{me.id}/picture?type=large', width='90', height='90')
22 | h4= me.name
23 | h6 First Name: #{me.first_name}
24 | h6 Last Name: #{me.last_name}
25 | h6 Gender: #{me.gender}
26 | h6 Username: #{me.username}
27 | h6 Link: #{me.link}
28 | h6 Email: #{me.email}
29 | h6 Locale: #{me.locale}
30 | h6 Timezone: #{me.timezone}
31 |
32 | h2 /me/friends
33 | .row
34 | for friend in friends
35 | .col-xs-3.col-md-2
36 | a.thumbnail(href='http://facebook.com/#{friend.id}')
37 | img(src='https://graph.facebook.com/#{friend.id}/picture?width=150&height=150')
38 | div.facebook-caption= friend.name
39 |
--------------------------------------------------------------------------------
/server/views/api/foursquare.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-foursquare
7 | | Foursquare API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://developer.foursquare.com/start', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Getting Started
13 | a.btn.btn-primary(href='https://developer.foursquare.com/docs/explore', target='_blank')
14 | i.fa.fa-laptop
15 | | API Console
16 | a.btn.btn-primary(href='https://developer.foursquare.com/docs/', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endpoints
19 | h3.text-primary Trending Venues
20 | table.table.table-striped.table-bordered
21 | thead
22 | tr
23 | th Name
24 | th.hidden-xs.hidden-sm Category
25 | th.hidden-xs Checkins
26 | th Here Now
27 | tbody
28 | for venue in trendingVenues.venues
29 | tr
30 | td= venue.name
31 | td.hidden-xs.hidden-sm #{venue.categories[0].name}
32 | td.hidden-xs #{venue.stats.checkinsCount}
33 | td= venue.hereNow.count
34 | br
35 | h3.text-primary Venue Detail
36 | p
37 | img(src='#{venueDetail.venue.photos.groups[0].items[0].prefix}150x150#{venueDetail.venue.photos.groups[0].items[0].suffix}')
38 |
39 | .label.label-primary #{venueDetail.venue.name} (#{venueDetail.venue.categories[0].shortName})
40 | .label.label-success #{venueDetail.venue.location.address}, #{venueDetail.venue.location.city}, #{venueDetail.venue.location.state}
41 | .label.label-warning #{venueDetail.venue.likes.count} likes, #{venueDetail.venue.rating} rating
42 |
43 | h3.text-primary User Checkins
44 | table.table.table-bordered.table-hover
45 | thead
46 | tr
47 | th Name
48 | th Location
49 | th Category
50 | th Checkins
51 | tbody
52 | for checkin in userCheckins.checkins.items
53 | tr
54 | td= checkin.venue.name
55 | td #{checkin.venue.location.address}, #{checkin.venue.location.city}, #{checkin.venue.location.state}
56 | td= checkin.venue.categories[0].shortName
57 | td= checkin.venue.stats.checkinsCount
58 |
--------------------------------------------------------------------------------
/server/views/api/github.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | h2
5 | i.fa.fa-github
6 | | GitHub API
7 |
8 | .btn-group.btn-group-justified
9 | a.btn.btn-primary(href='http://developer.github.com/guides/getting-started/', target='_blank')
10 | i.fa.fa-check-square-o
11 | | Getting Started
12 | a.btn.btn-primary(href='https://apigee.com/console/github', target='_blank')
13 | i.fa.fa-laptop
14 | | API Console
15 | a.btn.btn-primary(href='http://developer.github.com/v3/', target='_blank')
16 | i.fa.fa-file-text-o
17 | | Documentation
18 | br
19 | .panel.panel-primary
20 | .panel-heading
21 | h3.panel-title Repository Information
22 | .panel-body
23 | .row
24 | .col-xs-4
25 | img.img-rounded.img-responsive(src='https://github.global.ssl.fastly.net/images/modules/logos_page/Octocat.png')
26 | .col-xs-8
27 | h4
28 | a(href='#{repo.html_url}') #{repo.name}
29 | ul.list-inline
30 | li
31 | i.fa.fa-eye-slash
32 | | Subscribers: #{repo.subscribers_count}
33 | li
34 | i.fa.fa-star
35 | | Starred: #{repo.stargazers_count}
36 | li
37 | i.fa.fa-code-fork
38 | | Forks: #{repo.forks_count}
39 | li
40 | i.fa.fa-code
41 | | #{repo.language}
42 | strong DESCRIPTION
43 | p= repo.description
44 |
--------------------------------------------------------------------------------
/server/views/api/index.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | h2 API Browser
5 |
6 | ol
7 | li
8 | a(href='/api/aviary') Aviary
9 | li
10 | a(href='/api/clockwork') Clockwork SMS
11 | li
12 | a(href='/api/facebook') Facebook
13 | small ⇢ Login Required
14 | li
15 | a(href='/api/foursquare') Foursquare
16 | small ⇢ Login Required
17 | li
18 | a(href='/api/github') GitHub
19 | small ⇢ Login Required
20 | li
21 | a(href='/api/lastfm') Last.fm
22 | li
23 | a(href='/api/linkedin') LinkedIn
24 | small ⇢ Login Required
25 | li
26 | a(href='/api/nyt') New York Times
27 | li
28 | a(href='/api/paypal') PayPal
29 | li
30 | a(href='/api/steam') Steam
31 | li
32 | a(href='/api/twilio') Twilio
33 | li
34 | a(href='/api/tumblr') Tumblr
35 | small ⇢ Login Required
36 | li
37 | a(href='/api/twitter') Twitter
38 | small ⇢ Login Required
39 | li
40 | a(href='/api/scraping') Web Scraping
41 | li
42 | a(href='/api/venmo') Venmo
43 | small ⇢ Login Required
44 |
--------------------------------------------------------------------------------
/server/views/api/lastfm.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-music
7 | | Last.fm API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://github.com/jammus/lastfm-node#lastfm-node', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Last.fm Node Docs
13 | a.btn.btn-primary(href='http://www.last.fm/api/account/create', target='_blank')
14 | i.fa.fa-laptop
15 | | Create API Account
16 | a.btn.btn-primary(href='http://www.last.fm/api', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endpoints
19 |
20 | h3.text-primary Artist Information
21 |
22 | h4= artist.name
23 | ul.list-inline
24 | li
25 | small.text-primary
26 | i.fa.fa-users
27 | | Listeners: #{artist.stats.listeners}
28 | li
29 | small.text-primary
30 | i.fa.fa-headphones
31 | | Scrobbles: #{artist.stats.playcount}
32 |
33 | p
34 | img(src='#{artist.image}')
35 |
36 | p
37 | for tag in artist.tags
38 | span.label.label-primary
39 | i.fa.fa-tag
40 | | #{tag.name}
41 | |
42 |
43 | .panel.panel-primary
44 | .panel-heading Biography
45 | .panel-body
46 | != artist.bio
47 |
48 | h4 Top Albums
49 | for album in artist.topAlbums
50 | img(src='#{album}', width=150, height=150)
51 | |
52 |
53 | h4 Similar Artists
54 | ul.list-unstyled
55 | for similarArtist in artist.similar
56 | li
57 | a.lead(href='#{similarArtist.url}') #{similarArtist.name}
--------------------------------------------------------------------------------
/server/views/api/linkedin.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-linkedin-square
7 | | LinkedIn API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://github.com/Kuew/node-linkedin', target='_blank')
11 | i.fa.fa-book
12 | | Node LinkedIn Docs
13 | a.btn.btn-primary(href='http://developer.linkedin.com/documents/authentication', target='_blank')
14 | i.fa.fa-check-square-o
15 | | Getting Started
16 | a.btn.btn-primary(href='http://developer.linkedin.com/apis', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endpoints
19 |
20 | h3.text-primary My LinkedIn Profile
21 | .well.well-sm
22 | .row
23 | .col-sm-12
24 | .col-sm-2
25 | br
26 | img.thumbnail(src='#{profile.pictureUrl}')
27 | .col-sm-10
28 | h3= profile.formattedName
29 | h4= profile.headline
30 | span.text-muted #{profile.location.name} | #{profile.industry}
31 | br
32 | .row
33 | .col-sm-12
34 | dl.dl-horizontal
35 | dt.text-muted Current
36 | for company in profile.positions.values
37 | if company.isCurrent
38 | dd
39 | strong= company.title
40 | | at
41 | strong #{company.company.name}
42 | dt.text-muted Previous
43 | for company in profile.positions.values
44 | if !company.isCurrent
45 | dd
46 | | #{company.title}
47 | | at
48 | | #{company.company.name}
49 | dt.text-muted Education
50 | for education in profile.educations.values
51 | dd= education.schoolName
52 | dt.text-muted Recommendations
53 | dd
54 | strong #{profile.numRecommenders}
55 | | recommendation(s) received
56 | dt.text-muted Connections
57 | dd
58 | strong #{profile.numConnections}
59 | | connections
60 | .text-center
61 | small.text-muted= profile.publicProfileUrl
62 |
63 | h3.text-primary LinkedIn Connections
64 | table.table.table-hover.table-striped.table-bordered
65 | tbody
66 | for connection in profile.connections.values
67 | if connection.id != 'private'
68 | tr
69 | td
70 | strong #{connection.firstName} #{connection.lastName}
71 | .text-muted #{connection.headline}
72 |
--------------------------------------------------------------------------------
/server/views/api/nyt.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-building-o
7 | | New York Times API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://developer.nytimes.com/page', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Overview
13 | a.btn.btn-primary(href='http://prototype.nytimes.com/gst/apitool/index.html', target='_blank')
14 | i.fa.fa-laptop
15 | | API Console
16 | a.btn.btn-primary(href='http://developer.nytimes.com/docs', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endspoints
19 |
20 | h4 Young Adult Best Sellers
21 | table.table.table-striped.table-bordered
22 | thead
23 | tr
24 | th Rank
25 | th Title
26 | th.hidden-xs Description
27 | th Author
28 | th.hidden-xs ISBN-13
29 | tbody
30 | for book in books
31 | tr
32 | td= book.rank
33 | td= book.book_details[0].title
34 | td.hidden-xs= book.book_details[0].description
35 | td= book.book_details[0].author
36 | td.hidden-xs= book.book_details[0].primary_isbn13
--------------------------------------------------------------------------------
/server/views/api/paypal.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-dollar
7 | | PayPal API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://developer.paypal.com/docs/integration/direct/make-your-first-call/', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Quickstart
13 | a.btn.btn-primary(href='https://developer.paypal.com/docs/api/', target='_blank')
14 | i.fa.fa-code
15 | | API Reference
16 | a.btn.btn-primary(href='https://devtools-paypal.com/hateoas/index.html', target='_blank')
17 | i.fa.fa-gear
18 | | API Playground
19 |
20 |
21 | if result
22 | if canceled
23 | h3 Payment got canceled!
24 | if success
25 | h3 Payment got executed successfully!
26 | a(href='/api/paypal')
27 | button.btn.btn-primary New payment
28 | else
29 | p.lead Redirects to PayPal and allows authorizing the sample payment.
30 | a(href=approval_url)
31 | button.btn.btn-primary Authorize payment
--------------------------------------------------------------------------------
/server/views/api/scraping.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-crop
7 | | Web Scraping
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://matthewmueller.github.io/cheerio/', target='_blank')
11 | i.fa.fa-info
12 | | Cheerio Docs
13 | a.btn.btn-primary(href='https://developer.foursquare.com/docs/explore', target='_blank')
14 | i.fa.fa-film
15 | | Cheerio Screencast
16 |
17 | h3 Hacker News Frontpage
18 | table.table.table-condensed
19 | thead
20 | tr
21 | th №
22 | th Title
23 | tbody
24 | each link, index in links
25 | tr
26 | td= index + 1
27 | td!= link
28 |
--------------------------------------------------------------------------------
/server/views/api/steam.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-gamepad
7 | | Steam Web API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://developer.valvesoftware.com/wiki/Steam_Web_API', target='_blank')
11 | i.fa.fa-check-square-o
12 | | API Overview
13 |
14 | br
15 |
16 | .alert.alert-info
17 | strong Steam ID
18 | p Displaying public information for Steam ID #{playerSummary.steamid}.
19 |
20 | h3 Profile Information
21 | .row
22 | .col-sm-2
23 | img(src='#{playerSummary.avatarfull}', width='92', height='92')
24 | .col-sm-8
25 | span.lead #{playerSummary.personaname}
26 | div Account since: #{new Date(playerSummary.timecreated * 1000)}
27 | div Last Online: #{new Date(playerSummary.lastlogoff * 1000)}
28 | div Online Status:
29 | if playerSummary.personastate == 1
30 | strong.text-success Online
31 | else
32 | strong.text-danger Offline
33 |
34 | h3 #{playerAchievemments.gameName} Achievements
35 | ul.lead.list-unstyled
36 | for achievement in playerAchievemments.achievements
37 | if achievement.achieved
38 | li.text-success= achievement.name
39 |
40 | h3 Owned Games
41 | ul.list-unstyled.list-inline
42 | for game in ownedGames
43 | li.thumb
44 | a(href='http://store.steampowered.com/app/#{game.appid}/')
45 | img(src='http://media.steampowered.com/steamcommunity/public/images/apps/#{game.appid}/#{game.img_logo_url}.jpg' width="92")
46 |
47 |
--------------------------------------------------------------------------------
/server/views/api/tumblr.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-tumblr-square
7 | | Tumblr API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://www.tumblr.com/docs/en/api/v2#overview', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Overview
13 | a.btn.btn-primary(href='https://api.tumblr.com/console', target='_blank')
14 | i.fa.fa-laptop
15 | | API Console
16 | a.btn.btn-primary(href='http://www.tumblr.com/docs/en/api/v2#blog_methods', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endpoints
19 |
20 | h3.text-primary #{blog.name}'s blog
21 | .btn.btn-xs.btn-primary-outline
22 | i.fa.fa-file-text-o
23 | | #{blog.posts} posts
24 | h4 Latest Photo Post
25 | for photo in photoset
26 | img.item(src='#{photo.original_size.url}')
--------------------------------------------------------------------------------
/server/views/api/twilio.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-phone
7 | | Twilio API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='http://twilio.github.io/twilio-node/', target='_blank')
11 | i.fa.fa-check-square-o
12 | | Twilio Node
13 | a.btn.btn-primary(href='https://apigee.com/console/twilio', target='_blank')
14 | i.fa.fa-laptop
15 | | API Console
16 | a.btn.btn-primary(href='https://www.twilio.com/docs/api/rest', target='_blank')
17 | i.fa.fa-code-fork
18 | | REST API
19 |
20 | h4 Send a text message
21 | .row
22 | .col-sm-6
23 | form(role='form', method='POST')
24 | input(type='hidden', name='_csrf', value=_csrf)
25 | .form-group
26 | .input-group
27 | input.form-control(type='text', name='telephone', placeholder='Phone Number')
28 | span.input-group-btn
29 | button.btn.btn-success(type='submit') Send
30 |
--------------------------------------------------------------------------------
/server/views/api/twitter.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-twitter(style='color: #4099ff')
7 | | Twitter API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-success(href='https://github.com/ttezel/twit', target='_blank')
11 | i.fa.fa-file-text-o
12 | | Twit Library Docs
13 | a.btn.btn-success(href='https://dev.twitter.com/docs', target='_blank')
14 | i.fa.fa-check-square-o
15 | | Overview
16 | a.btn.btn-success(href='https://dev.twitter.com/docs/api/1.1', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endpoints
19 |
20 | br
21 | .lead Latest 50 Tweets containing "Hackathon" in NYC within 5 miles
22 |
23 | ul.list-unstyled
24 | for tweet in tweets
25 | li
26 | .panel.panel-default
27 | .panel-body
28 | .clearfix
29 | - var image = tweet.user.profile_image_url.replace('_normal', '');
30 | img.pull-left(src='#{image}', width=50, height=50, style='margin-right: 10px')
31 |
32 | =tweet.user.name
33 | small.text-muted @#{tweet.user.screen_name}
34 | br
35 | small #{tweet.text}
--------------------------------------------------------------------------------
/server/views/api/venmo.jade:
--------------------------------------------------------------------------------
1 | extends ../layout
2 |
3 | block content
4 | .page-header
5 | h2
6 | i.fa.fa-money
7 | | Venmo API
8 |
9 | .btn-group.btn-group-justified
10 | a.btn.btn-primary(href='https://developer.venmo.com/docs/quickstart', target='_blank')
11 | i.fa.fa-book
12 | | Quickstart
13 | a.btn.btn-primary(href='https://developer.venmo.com/docs/api-console', target='_blank')
14 | i.fa.fa-laptop
15 | | API Console
16 | a.btn.btn-primary(href='https://developer.venmo.com/docs/endpoints/payments', target='_blank')
17 | i.fa.fa-code-fork
18 | | API Endspoints
19 |
20 | h3 Venmo Profile
21 | .row
22 | .col-sm-2
23 | img(src='#{profile.user.profile_picture_url}')
24 | .col-sm-8
25 | .row
26 | .col-sm-6
27 | strong #{profile.user.display_name}
28 | div Balance:
29 | strong $#{profile.balance}
30 | div Friends:
31 | strong #{profile.user.friends_count}
32 | .col-sm-6
33 | div Email:
34 | strong #{profile.user.email}
35 | div Phone:
36 | strong #{profile.user.phone}
37 | div ID:
38 | strong #{profile.user.id}
39 | p #{profile.user.about}
40 |
41 | .row
42 | .col-sm-5
43 | h3 Make Payment
44 | form(role='form', method='POST')
45 | input(type='hidden', name='_csrf', value=_csrf)
46 | .form-group
47 | label.control-label(for='user') Phone, Email or Venmo User ID
48 | input.form-control(type='text', name='user', id='user', placeholder='15555555555', autofocus=true)
49 | .form-group
50 | label.control-label(for='note') Note
51 | input.form-control(type='text', name='note', id='note', placeholder='A message to accompany the payment.')
52 | .form-group
53 | label.control-label(for='amount') Amount
54 | input.form-control(type='text', name='amount', id='amount', placeholder='0.10')
55 | .form-group
56 | button.btn.btn-primary(type='submit')
57 | i.fa.fa-usd
58 | | Send
59 |
60 | h3 Recent Payments
61 | table.table.table-striped.table-condensed.table-bordered
62 | thead
63 | tr
64 | th To
65 | th Amount
66 | th Status
67 | th Date
68 | th Note
69 | tbody
70 | if recentPayments.length
71 | for payment in recentPayments
72 | tr
73 | td= payment.target.phone || payment.target.email || payment.target.user
74 | td $#{payment.amount}
75 | td= payment.status
76 | td= payment.date_created
77 | td= payment.note
78 | else
79 | tr
80 | td(colspan=5) No recent payments.
81 |
--------------------------------------------------------------------------------
/server/views/contact.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | .page-header
5 | h3 Contact Form
6 |
7 | form.form-horizontal(role='form', method='POST')
8 | input(type='hidden', name='_csrf', value=_csrf)
9 | .form-group
10 | label(class='col-sm-2 control-label', for='name') Name
11 | .col-sm-8
12 | input.form-control(type='text', name='name', id='name', autofocus=true)
13 | .form-group
14 | label(class='col-sm-2 control-label', for='email') Email
15 | .col-sm-8
16 | input.form-control(type='text', name='email', id='email')
17 | .form-group
18 | label(class='col-sm-2 control-label', for='message') Body
19 | .col-sm-8
20 | textarea.form-control(type='text', name='message', id='message', rows='7')
21 | .form-group
22 | .col-sm-offset-2.col-sm-8
23 | button.btn.btn-default(type='submit')
24 | i.fa.fa-mail-forward
25 | | Send
26 |
--------------------------------------------------------------------------------
/server/views/home.jade:
--------------------------------------------------------------------------------
1 | extends layout
2 |
3 | block content
4 | h1 Bootstrap starter template
5 | p.lead
6 | | Use this document as a way to quickly start any new project.
7 | br
8 | | All you get is this text and a mostly barebones HTML document.
--------------------------------------------------------------------------------
/server/views/layout.jade:
--------------------------------------------------------------------------------
1 | doctype html
2 | html
3 | head
4 | meta(charset='utf-8')
5 | meta(http-equiv='X-UA-Compatible', content='IE=edge')
6 | meta(name='viewport', content='width=device-width, initial-scale=1.0')
7 | meta(name='description', content='')
8 | meta(name='csrf-token', content=_csrf)
9 | meta(name='author', content='')
10 | title #{title} | Hackathon Starter
11 | != css('styles')
12 | != js('application')
13 | body
14 | #wrap
15 | include partials/navigation
16 | .container
17 | include partials/flash
18 | block content
19 | include partials/footer
20 | script.
21 | var _gaq = _gaq || [];
22 | _gaq.push(['_setAccount', 'UA-XXXXX-X']);
23 | _gaq.push(['_trackPageview']);
24 |
25 | (function() {
26 | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
27 | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
28 | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
29 | })();
30 |
--------------------------------------------------------------------------------
/server/views/partials/flash.jade:
--------------------------------------------------------------------------------
1 | #flash
2 | if messages.errors
3 | .alert.alert-danger.animated.fadeIn
4 | for error in messages.errors
5 | div= error.msg
6 | if messages.info
7 | .alert.alert-info.animated.fadeIn
8 | for info in messages.info
9 | div= info.msg
10 | if messages.success
11 | .alert.alert-success.animated.fadeIn
12 | for success in messages.success
13 | div= success.msg
--------------------------------------------------------------------------------
/server/views/partials/footer.jade:
--------------------------------------------------------------------------------
1 | #footer
2 | .container
3 | ul.list-inline.pull-left
4 | li © 2014 Company, Inc.
5 | ul.list-inline.pull-right
6 | li
7 | a(href='#') Terms of Use
8 | li
9 | a(href='#') Privacy Policy
10 | li
11 | a(href='https://github.com/sahat/hackathon-starter') GitHub Project
12 | li
13 | a(href='https://github.com/sahat/hackathon-starter/issues') Issues
14 |
--------------------------------------------------------------------------------
/server/views/partials/navigation.jade:
--------------------------------------------------------------------------------
1 | .navbar.navbar-default.navbar-fixed-top
2 | .container
3 | .navbar-header
4 | button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
5 | span.sr-only Toggle navigation
6 | span.icon-bar
7 | span.icon-bar
8 | span.icon-bar
9 | a.navbar-brand(href='/') Project name
10 | .collapse.navbar-collapse
11 | ul.nav.navbar-nav
12 | li(class=title=='Home'?'active':undefined)
13 | a(href='/') Home
14 | li(class=title=='API Browser'?'active':undefined)
15 | a(href='/api') API Browser
16 | li(class=title=='Contact'?'active':undefined)
17 | a(href='/contact') Contact
18 | ul.nav.navbar-nav.navbar-right
19 | if !user
20 | li(class=title=='Login'?'active':undefined)
21 | a(href='/login') Login
22 | if secrets.localAuth
23 | li(class=title=='Create Account'?'active':undefined)
24 | a(href='/signup') Create Account
25 | else
26 | li.dropdown(class=title=='Account Management'?'active':undefined)
27 | a.dropdown-toggle(href='#', data-toggle='dropdown')
28 | if user.profile.picture
29 | img.profile-image(src='#{user.profile.picture}')
30 | else
31 | img.profile-image(src='#{user.gravatar(60)}')
32 | | #{user.profile.name || user.email || user.id}
33 | i.caret
34 | ul.dropdown-menu
35 | li: a(href='/account') My Account
36 | li.divider
37 | li: a(href='/logout') Logout
--------------------------------------------------------------------------------
/test/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
Mocha Spec Runner
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |