bootstrap_bux 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +78 -0
  3. data/Rakefile +12 -0
  4. data/app/assets/stylesheets/bootstrap_bux/application.css +792 -0
  5. data/app/views/bootstrap_bux/_footer_logo.html.erb +65 -0
  6. data/app/views/bootstrap_bux/_header_logo.html.erb +33 -0
  7. data/app/views/bootstrap_bux/_osu_footer_dark.html.erb +101 -0
  8. data/app/views/bootstrap_bux/_osu_footer_light.html.erb +102 -0
  9. data/app/views/bootstrap_bux/_osu_footer_white.html.erb +102 -0
  10. data/app/views/bootstrap_bux/_osu_header.html.erb +28 -0
  11. data/config/initializers/bootstrap_bux.rb +19 -0
  12. data/config/routes.rb +4 -0
  13. data/lib/bootstrap_bux/engine.rb +13 -0
  14. data/lib/bootstrap_bux/version.rb +5 -0
  15. data/lib/bootstrap_bux.rb +42 -0
  16. metadata +183 -0
data/app/views/bootstrap_bux/_footer_logo.html.erb ADDED
@@ -0,0 +1,65 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg role="img" aria-label="The Ohio State University" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 576 90" style="enable-background:new 0 0 576 90;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:<%= fill1 %>}
7
+ .st1{fill:<%= fill2 %>}
8
+ </style>
9
+ <g>
10
+ <polygon class="st0" points="83.9,64.5 83.9,65.9 576,65.9 576,64.5 "/>
11
+ <path class="st1" d="M17.1,26.8l5.5-5.5h17.8l5.5,5.5v36.6l-5.5,5.5H22.6l-5.5-5.5V26.8L17.1,26.8z M59.8,20.8L46.2,7.3H16.8
12
+ L3.2,20.9v48.3l13.6,13.6h29.4l13.6-13.5L59.8,20.8L59.8,20.8z"/>
13
+ <path class="st0" d="M1.4,70V19.9L16.2,5.1h30.9l14.5,14.6v50.5L46.9,84.8H16.1L1.4,70L1.4,70z M15.5,3.7L0,19.2v51.4l15.4,15.6
14
+ h32.1L63,70.6V19.2L47.7,3.7H15.5L15.5,3.7z"/>
15
+ <path class="st0" d="M24.2,24.8h14.6l3.5,3.5v33.6L39,65.3H24.1L20.8,62V28.3L24.2,24.8L24.2,24.8z M43.7,27.8l-4.4-4.4H23.6
16
+ l-4.3,4.3v34.8l4.2,4.2h16l4.2-4.2V27.8L43.7,27.8z"/>
17
+ <g>
18
+ <path class="st0" d="M103.4,30.6l-0.5-3.2h-5.8V48l3.1,0.5v2h-11v-2l3.1-0.5V27.4h-5.8L86,30.6h-2.1v-5.9h21.6v5.9H103.4z"/>
19
+ <path class="st0" d="M119.5,50.5v-1.8l2.9-0.5v-7h-7.7v7l2.9,0.5v1.8h-10.5v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.5v1.8l-2.9,0.5v6.1
20
+ h7.7v-6.1l-2.9-0.5v-1.8H130v1.8l-3,0.5v15.6l3,0.5v1.8C130,50.5,119.5,50.5,119.5,50.5z"/>
21
+ <path class="st0" d="M149.7,50.5h-17.4v-1.8l3-0.5V32.6l-3-0.5v-1.8h17.4v5.3h-2l-0.5-2.9h-7.4v6h4.6l0.5-2.6h1.7v7.5h-1.7
22
+ l-0.5-2.6h-4.6v7h7.4l0.5-2.9h2V50.5z"/>
23
+ <path class="st0" d="M174.2,50.9c-8,0-11.5-4.8-11.5-13.4s3.5-13.3,11.5-13.3s11.5,4.8,11.5,13.4
24
+ C185.7,46.3,182.2,50.9,174.2,50.9z M174.2,27c-4.3,0-6.5,3.4-6.5,10.5s2.1,10.6,6.4,10.6c4.3,0,6.5-3.4,6.5-10.5
25
+ C180.6,30.5,178.5,27,174.2,27z"/>
26
+ <path class="st0" d="M200.2,50.5v-1.8l2.9-0.5v-7h-7.7v7l2.9,0.5v1.8h-10.5v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.5v1.8l-2.9,0.5v6.1
27
+ h7.7v-6.1l-2.9-0.5v-1.8h10.5v1.8l-3,0.5v15.6l3,0.5v1.8C210.7,50.5,200.2,50.5,200.2,50.5z"/>
28
+ <path class="st0" d="M213.2,50.5v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.6v1.8l-3,0.5v15.6l3,0.5v1.8C223.8,50.5,213.2,50.5,213.2,50.5z"
29
+ />
30
+ <path class="st0" d="M235.3,50.9c-6.8,0-9.8-3.8-9.8-10.5s3-10.4,9.8-10.4s9.8,3.8,9.8,10.5C245.1,47.1,242.1,50.9,235.3,50.9z
31
+ M235.3,32.6c-3.2,0-5,2.3-5,7.8s1.7,7.9,4.9,7.9s5-2.3,5-7.8S238.5,32.6,235.3,32.6z"/>
32
+ <path class="st0" d="M266.1,50.9c-4.5,0-8-1.5-8-1.5v-5.5h2.2l0.5,3.5c0,0,1.7,0.6,4.6,0.6c3,0,5.7-1,5.7-4.3c0-3-2.1-3.4-4.6-4.2
33
+ c-4-1.3-8.3-2.5-8.3-8c0-4.5,2.8-7.2,8.7-7.2c2.7,0,5.5,0.6,7.7,1.5V31h-2.2l-0.5-3.3c0,0-2.3-0.5-4.5-0.5s-4.5,0.8-4.5,3.7
34
+ c0,6.4,12.9,2.2,12.9,12.5C275.7,48.1,272.5,50.9,266.1,50.9z"/>
35
+ <path class="st0" d="M293.9,35.8l-0.5-3.1H289v15.4l3,0.5v1.8h-10.6v-1.8l3-0.5V32.7h-4.5l-0.5,3.1h-2v-5.6h18.4v5.6H293.9z"/>
36
+ <path class="st0" d="M308.2,50.5v-1.8l2.9-0.5l-1.4-3.7H302l-1.4,3.7l2.9,0.5v1.8h-8.8v-1.8l2.9-0.5l6.9-17.9h4.4l6.9,17.9
37
+ l2.9,0.5v1.8H308.2z M305.8,34.2l-2.9,8h5.9L305.8,34.2z"/>
38
+ <path class="st0" d="M333.9,35.8l-0.5-3.1H329v15.4l3,0.5v1.8h-10.6v-1.8l3-0.5V32.7h-4.5l-0.5,3.1h-2v-5.6h18.4v5.6H333.9z"/>
39
+ <path class="st0" d="M355,50.5h-17.4v-1.8l3-0.5V32.6l-3-0.5v-1.8H355v5.3h-2l-0.5-2.9h-7.4v6h4.6l0.5-2.6h1.7v7.5h-1.7l-0.5-2.6
40
+ h-4.6v7h7.4l0.5-2.9h2V50.5z"/>
41
+ <path class="st0" d="M390.2,27.1v13.2c0,4.4-0.3,6.3-2.3,8.4c-1.5,1.5-4,2.2-7.6,2.2s-6.3-1-8-2.7c-2.2-2.2-2-5.5-2-8.3V27.1
42
+ l-3.1-0.5v-2h11.1v2l-3.1,0.5v15.1c0,4.2,2.3,5.9,6,5.9c1.9,0,3.5-0.4,4.5-1.5c0.9-1,1.4-2.5,1.4-4.4V27.1l-3.1-0.5v-2h9.4v2
43
+ L390.2,27.1z"/>
44
+ <path class="st0" d="M414.5,32.6v17.9h-3.6L400.6,36v12.1l3,0.5v1.8h-9v-1.8l3-0.5V32.6l-3-0.5v-1.8h7l9.9,13.8V32.6l-3-0.5v-1.8
45
+ h9v1.8L414.5,32.6z"/>
46
+ <path class="st0" d="M419.8,50.5v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.6v1.8l-3,0.5v15.6l3,0.5v1.8C430.4,50.5,419.8,50.5,419.8,50.5z"
47
+ />
48
+ <path class="st0" d="M453,32.6l-6.7,17.9h-4.5l-6.7-17.9l-2.9-0.5v-1.8h10.5v1.8l-2.9,0.5l5.1,13.9l5.1-13.9l-2.9-0.5v-1.8h8.8
49
+ v1.8L453,32.6z"/>
50
+ <path class="st0" d="M474.9,50.5h-17.4v-1.8l3-0.5V32.6l-3-0.5v-1.8h17.4v5.3h-2l-0.5-2.9H465v6h4.6l0.5-2.6h1.7v7.5h-1.7
51
+ l-0.5-2.6H465v7h7.4l0.5-2.9h2V50.5z"/>
52
+ <path class="st0" d="M492.6,50.5l-1.9-4.6c-1.3-3.1-2-4.5-4.7-4.5h-0.3v6.8l2.9,0.5v1.8H478v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.2
53
+ c2.1,0,4.5,0.1,6.1,1.6c1,1,1.6,2.3,1.6,3.8c0,2.3-1.5,4.5-3.7,5.1c1.7,1.3,3.2,5.4,4,7.4l2.9,0.5v1.8H492.6z M490.5,33.3
54
+ c-0.8-0.8-2.4-0.7-3.5-0.7h-1.3v6.5h0.8c1.3,0,3.1,0.2,4.1-0.9c0.6-0.7,0.8-1.5,0.8-2.4C491.3,34.9,491.1,34,490.5,33.3z"/>
55
+ <path class="st0" d="M508.3,50.9c-3.8,0-6.9-1.3-6.9-1.3v-5.2h2.1l0.5,3.3c0,0,1.5,0.4,3.7,0.4c2.5,0,4.3-0.8,4.3-3
56
+ c0-1.5-0.8-2.1-2.1-2.5c-3.7-1.3-8.5-1.8-8.5-6.9c0-3.6,2.5-5.8,7.5-5.8c2.3,0,4.6,0.5,6.7,1.2v5h-2.1l-0.5-3.2
57
+ c0,0-1.7-0.4-3.6-0.4s-3.5,0.7-3.5,2.6c0,4.5,10.7,1.5,10.7,9.5C516.5,48.6,513.6,50.9,508.3,50.9z"/>
58
+ <path class="st0" d="M519.2,50.5v-1.8l3-0.5V32.6l-3-0.5v-1.8h10.6v1.8l-3,0.5v15.6l3,0.5v1.8C529.8,50.5,519.2,50.5,519.2,50.5z"
59
+ />
60
+ <path class="st0" d="M548.4,35.8l-0.5-3.1h-4.5v15.4l3,0.5v1.8h-10.6v-1.8l3-0.5V32.7h-4.5l-0.5,3.1h-2v-5.6h18.4v5.6H548.4z"/>
61
+ <path class="st0" d="M571.6,32.6l-5.9,9.1v6.5l3,0.5v1.8h-10.6v-1.8l3-0.5v-6.5l-6-9.1l-2.9-0.5v-1.8H563v1.8l-2.9,0.5l4.2,6.5
62
+ l4.1-6.5l-2.8-0.5v-1.8h8.9v1.8L571.6,32.6z"/>
63
+ </g>
64
+ </g>
65
+ </svg>
data/app/views/bootstrap_bux/_header_logo.html.erb ADDED
@@ -0,0 +1,33 @@
1
+ <svg role="img" aria-label="The Ohio State University" class="bux-osu-nav__osu-logo-img" xmlns="http://www.w3.org/2000/svg" width="224.096" height="34.981" viewBox="0 0 224.096 34.981">
2
+ <g id="Ohio_State_web_mark_horizontal" data-name="Ohio State web mark horizontal" transform="translate(-17.3 -15.25)">
3
+ <path id="Path_100" data-name="Path 100" d="M25.792,41.921v-15.5L28.12,24.1h7.537l2.323,2.323v15.5L35.657,44.25H28.12ZM25.656,18.17,19.88,23.946V44.411l5.776,5.782H38.1l5.75-5.719V23.9l-5.745-5.73Z" transform="translate(-1.236 -1.399)" fill="#ba0c2f"/>
4
+ <path id="Path_101" data-name="Path 101" d="M24.149,49.6l-6.261-6.256V22.094l6.256-6.25H37.218l6.151,6.167.021,21.376L37.181,49.6ZM23.884,15.25,17.3,21.829V43.611l6.537,6.62h13.61l6.579-6.589V21.823L37.494,15.25Z" transform="translate(0 0)" fill="#666"/>
5
+ <path id="Path_102" data-name="Path 102" d="M43.344,33.119,41.494,31.27H34.838L33.02,33.093v14.73L34.8,49.6h6.782l1.766-1.766V33.119ZM35.1,31.869h6.183l1.474,1.474V47.594l-1.417,1.417h-6.3l-1.4-1.4V33.322Z" transform="translate(-7.532 -7.676)" fill="#666"/>
6
+ <g id="Group_633" data-name="Group 633" transform="translate(49.182 19.193)">
7
+ <rect id="Rectangle_293" data-name="Rectangle 293" width="192.214" height="21.741" fill="none"/>
8
+ <path id="Path_103" data-name="Path 103" d="M94.744,40.425l-.177-1.219H92.337v7.881l1.188.177v.745H89.3v-.745l1.188-.177V39.206H88.259l-.177,1.219H87.29V38.18h8.245v2.245Z" transform="translate(-82.717 -30.18)" fill="#666"/>
9
+ <path id="Path_104" data-name="Path 104" d="M108.99,49.969V49.26l1.1-.177V46.4h-2.932v2.682l1.1.177v.708H104.25V49.26l1.146-.177V43.145l-1.146-.177V42.26h4.005v.708l-1.1.177v2.318h2.932V43.145l-1.1-.177V42.26H113v.708l-1.146.177v5.938L113,49.26v.708Z" transform="translate(-90.843 -32.134)" fill="#666"/>
10
+ <path id="Path_105" data-name="Path 105" d="M129.326,49.969H122.68V49.26l1.141-.177V43.145l-1.141-.177V42.26h6.646V44.3h-.75l-.177-1.1h-2.818v2.287h1.761l.177-.979h.662v2.844h-.662l-.177-.984h-1.761v2.656H128.4l.177-1.1h.75Z" transform="translate(-99.673 -32.134)" fill="#666"/>
11
+ <path id="Path_106" data-name="Path 106" d="M149.346,48.023c-3.052,0-4.386-1.818-4.386-5.12,0-3.287,1.349-5.063,4.4-5.063s4.386,1.818,4.386,5.12-1.349,5.063-4.4,5.063m.016-9.11c-1.63,0-2.464,1.307-2.464,4.005,0,2.714.807,4.037,2.438,4.037s2.464-1.307,2.464-4.005c-.005-2.719-.807-4.037-2.438-4.037" transform="translate(-110.349 -30.017)" fill="#666"/>
12
+ <path id="Path_107" data-name="Path 107" d="M168.09,49.969V49.26l1.1-.177V46.4h-2.938v2.682l1.1.177v.708H163.35V49.26l1.146-.177V43.145l-1.146-.177V42.26h4.005v.708l-1.1.177v2.318h2.938V43.145l-1.1-.177V42.26H172.1v.708l-1.141.177v5.938l1.141.177v.708Z" transform="translate(-119.16 -32.134)" fill="#666"/>
13
+ <path id="Path_108" data-name="Path 108" d="M181.98,49.969V49.26l1.141-.177V43.145l-1.141-.177V42.26h4.047v.708l-1.146.177v5.938l1.146.177v.708Z" transform="translate(-128.086 -32.134)" fill="#666"/>
14
+ <path id="Path_109" data-name="Path 109" d="M194.659,50c-2.6,0-3.729-1.453-3.729-4.005s1.146-3.974,3.74-3.974,3.729,1.453,3.729,4.005S197.258,50,194.659,50m.016-6.969c-1.234,0-1.891.9-1.891,2.964,0,2.083.63,2.995,1.865,2.995s1.906-.9,1.906-2.964c-.005-2.089-.646-2.995-1.88-2.995" transform="translate(-132.374 -32.019)" fill="#666"/>
15
+ <path id="Path_110" data-name="Path 110" d="M217.858,48.013a8.584,8.584,0,0,1-3.068-.589v-2.1h.833l.193,1.349a5.821,5.821,0,0,0,1.745.219c1.146,0,2.172-.38,2.172-1.63,0-1.13-.792-1.292-1.761-1.615-1.542-.516-3.172-.953-3.172-3.068,0-1.714,1.073-2.761,3.318-2.761a8.465,8.465,0,0,1,2.932.557v1.964h-.833l-.188-1.26a9.352,9.352,0,0,0-1.734-.193c-.849,0-1.729.292-1.729,1.422,0,2.448,4.933.833,4.933,4.755,0,1.865-1.2,2.948-3.641,2.948" transform="translate(-143.807 -30.007)" fill="#666"/>
16
+ <path id="Path_111" data-name="Path 111" d="M235.256,44.39l-.177-1.188h-1.7v5.886l1.141.172v.708h-4.047V49.26l1.141-.172V43.2h-1.7l-.177,1.188h-.75V42.26h7.016v2.13Z" transform="translate(-150.61 -32.134)" fill="#666"/>
17
+ <path id="Path_112" data-name="Path 112" d="M246.737,49.969V49.26l1.1-.177-.542-1.391h-2.932l-.542,1.391,1.1.177v.7h-3.36v-.7l1.1-.177,2.641-6.823h1.688l2.641,6.823,1.1.177v.7h-4Zm-.912-6.224L244.711,46.8h2.229Z" transform="translate(-156.633 -32.134)" fill="#666"/>
18
+ <path id="Path_113" data-name="Path 113" d="M264.526,44.39l-.177-1.188h-1.7v5.886l1.146.172v.708h-4.047V49.26l1.146-.172V43.2h-1.708l-.172,1.188h-.75V42.26h7.016v2.13Z" transform="translate(-164.635 -32.134)" fill="#666"/>
19
+ <path id="Path_114" data-name="Path 114" d="M279.666,49.969H273.02V49.26l1.146-.177V43.145l-1.146-.177V42.26h6.646V44.3h-.745l-.177-1.1h-2.818v2.287h1.76l.177-.979h.661v2.844h-.661l-.177-.984h-1.76v2.656h2.818l.177-1.1h.745Z" transform="translate(-171.707 -32.134)" fill="#666"/>
20
+ <path id="Path_115" data-name="Path 115" d="M303.412,39.1v5.021c0,1.688-.1,2.422-.9,3.214a3.973,3.973,0,0,1-2.906.849,4.194,4.194,0,0,1-3.052-1.026c-.833-.839-.75-2.083-.75-3.172V39.1l-1.188-.177v-.75h4.224v.75l-1.188.177v5.756a2.015,2.015,0,0,0,2.276,2.261,2.245,2.245,0,0,0,1.729-.573,2.361,2.361,0,0,0,.542-1.688V39.1l-1.188-.177v-.75h3.578v.75Z" transform="translate(-182.056 -30.175)" fill="#666"/>
21
+ <path id="Path_116" data-name="Path 116" d="M322.289,43.145v6.823h-1.38l-3.917-5.506v4.625l1.146.172v.708H314.69V49.26l1.141-.172V43.145l-1.141-.177V42.26h2.682l3.761,5.256v-4.37l-1.146-.177V42.26h3.448v.708Z" transform="translate(-191.672 -32.134)" fill="#666"/>
22
+ <path id="Path_117" data-name="Path 117" d="M333.22,49.969V49.26l1.146-.177V43.145l-1.146-.177V42.26h4.052v.708l-1.146.177v5.938l1.146.177v.708Z" transform="translate(-200.551 -32.134)" fill="#666"/>
23
+ <path id="Path_118" data-name="Path 118" d="M350.208,43.145l-2.568,6.823h-1.7l-2.568-6.823-1.1-.177V42.26h3.99v.708l-1.1.177,1.953,5.282,1.932-5.282-1.1-.177V42.26h3.36v.708Z" transform="translate(-204.887 -32.134)" fill="#666"/>
24
+ <path id="Path_119" data-name="Path 119" d="M367.426,49.969H360.78V49.26l1.141-.177V43.145l-1.141-.177V42.26h6.646V44.3h-.75l-.177-1.1h-2.818v2.287h1.761l.177-.979h.661v2.844h-.661l-.177-.984h-1.761v2.656H366.5l.177-1.1h.75Z" transform="translate(-213.756 -32.134)" fill="#666"/>
25
+ <path id="Path_120" data-name="Path 120" d="M381.373,49.969l-.719-1.761c-.484-1.172-.776-1.714-1.807-1.714h-.13v2.6l1.1.177v.7H375.81V49.26l1.146-.177V43.145l-1.146-.177V42.26H379.7a3.343,3.343,0,0,1,2.318.6,1.919,1.919,0,0,1,.615,1.438,2.059,2.059,0,0,1-1.4,1.953,8.34,8.34,0,0,1,1.526,2.833l1.1.177v.7h-2.495Zm-.818-6.532c-.3-.307-.922-.281-1.318-.281h-.516V45.62h.307c.5,0,1.188.057,1.557-.354a1.494,1.494,0,0,0-.031-1.828" transform="translate(-220.957 -32.134)" fill="#666"/>
26
+ <path id="Path_121" data-name="Path 121" d="M395.531,49.99a7.885,7.885,0,0,1-2.641-.484V47.511h.792l.193,1.26a5.607,5.607,0,0,0,1.422.161c.938,0,1.656-.307,1.656-1.146,0-.589-.323-.792-.807-.953-1.422-.484-3.24-.693-3.24-2.615,0-1.38.953-2.219,2.844-2.219a7.756,7.756,0,0,1,2.537.453v1.912h-.792l-.193-1.2a6.986,6.986,0,0,0-1.365-.146c-.719,0-1.349.25-1.349,1,0,1.714,4.063.573,4.063,3.625.005,1.495-1.078,2.349-3.12,2.349" transform="translate(-229.141 -32.01)" fill="#666"/>
27
+ <path id="Path_122" data-name="Path 122" d="M405.93,49.969V49.26l1.146-.177V43.145l-1.146-.177V42.26h4.052v.708l-1.146.177v5.938l1.146.177v.708Z" transform="translate(-235.389 -32.134)" fill="#666"/>
28
+ <path id="Path_123" data-name="Path 123" d="M421.576,44.39,421.4,43.2h-1.7v5.886l1.146.172v.708h-4.052V49.26l1.146-.172V43.2h-1.7l-.177,1.188h-.75V42.26h7.016v2.13Z" transform="translate(-239.883 -32.134)" fill="#666"/>
29
+ <path id="Path_124" data-name="Path 124" d="M437.541,43.145,435.3,46.62v2.469l1.146.172v.708h-4.052V49.26l1.146-.172V46.62l-2.276-3.474-1.1-.177V42.26h4.078v.708l-1.1.177,1.583,2.49,1.573-2.49-1.057-.177V42.26h3.4v.708Z" transform="translate(-246.998 -32.134)" fill="#666"/>
30
+ <rect id="Rectangle_294" data-name="Rectangle 294" width="192.214" height="21.741" fill="none"/>
31
+ </g>
32
+ </g>
33
+ </svg>
data/app/views/bootstrap_bux/_osu_footer_dark.html.erb ADDED
@@ -0,0 +1,101 @@
1
+ <footer class="bux-footer bux-footer--dark">
2
+ <div class="container">
3
+ <div class="row">
4
+ <div class="col">
5
+ <div class="bux-footer__logo">
6
+ <a href="http://osu.edu" target="_blank">
7
+ <%= render 'bootstrap_bux/footer_logo', fill1: '#FFFFFF;', fill2: '#BA0C2F;' %>
8
+ </a>
9
+ </div>
10
+ <div class="bux-footer__contact bux-footer__contact--address">
11
+ <p class="bux_footer__site-name"><%= BootstrapBux.configuration.department_name %></p>
12
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.building_room %></p>
13
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.address %></p>
14
+ <p class="bux_footer__address">Columbus, OH 43210</p>
15
+ </div>
16
+
17
+ <div class="bux-footer__contact bux-footer__contact--email-phone">
18
+ <hr />
19
+ <p class="bux_footer__email"><a class="bux-link" href="mailto:<%= BootstrapBux.configuration.email %>"><%= BootstrapBux.configuration.email %></a></p>
20
+ <p class="bux_footer__phone"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.phone %>">Phone: <%= BootstrapBux.configuration.phone %></a></p>
21
+ <p class="bux_footer__fax"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.fax %>">Fax: <%= BootstrapBux.configuration.fax %></a></p>
22
+ </div>
23
+ </div>
24
+ <div class="col text-end">
25
+ <% unless BootstrapBux.configuration.facebook.blank? && BootstrapBux.configuration.twitter.blank? && BootstrapBux.configuration.instagram.blank? && BootstrapBux.configuration.linkedin = nil.blank? && BootstrapBux.configuration.youtube = nil.blank? && BootstrapBux.configuration.tiktok = nil %>
26
+ <div class="bux-footer__social">
27
+ <ul class="bux-social-links">
28
+ <% unless BootstrapBux.configuration.facebook.blank? %>
29
+ <li class="bux-social-links__item bux-social-links__item--Facebook">
30
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.facebook %>" target="_blank">
31
+ <span class="visually-hidden">Facebook profile — external</span>
32
+ <span class="icon icon-facebook" aria-hidden="true"></span>
33
+ </a>
34
+ </li>
35
+ <% end %>
36
+ <% unless BootstrapBux.configuration.instagram.blank? %>
37
+ <li class="bux-social-links__item bux-social-links__item--Instagram">
38
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.instagram %>"
39
+ target="_blank">
40
+ <span class="visually-hidden">Instagram profile — external</span>
41
+ <span class="icon icon-instagram" aria-hidden="true"></span>
42
+ </a>
43
+ </li>
44
+ <% end %>
45
+ <% unless BootstrapBux.configuration.twitter.blank? %>
46
+ <li class="bux-social-links__item bux-social-links__item--X">
47
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.twitter %>" target="_blank">
48
+ <span class="visually-hidden">X profile — external</span>
49
+ <span class="icon icon-x" aria-hidden="true"></span>
50
+ </a>
51
+ </li>
52
+ <% end %>
53
+ <% unless BootstrapBux.configuration.linkedin.blank? %>
54
+ <li class="bux-social-links__item bux-social-links__item--LinkedIn">
55
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.linkedin %>"
56
+ target="_blank">
57
+ <span class="visually-hidden">LinkedIn profile — external</span>
58
+ <span class="icon icon-linkedin" aria-hidden="true"></span>
59
+ </a>
60
+ </li>
61
+ <% end %>
62
+ <% unless BootstrapBux.configuration.youtube.blank? %>
63
+ <li class="bux-social-links__item bux-social-links__item--YouTube">
64
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.youtube %>"
65
+ target="_blank">
66
+ <span class="visually-hidden">YouTube profile — external</span>
67
+ <span class="icon icon-youtube" aria-hidden="true"></span>
68
+ </a>
69
+ </li>
70
+ <% end %>
71
+ <% unless BootstrapBux.configuration.tiktok.blank? %>
72
+ <li class="bux-social-links__item bux-social-links__item--TikTok">
73
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.tiktok %>" target="_blank">
74
+ <span class="visually-hidden">TikTok profile — external</span>
75
+ <span class="icon icon-tiktok" aria-hidden="true"></span>
76
+ </a>
77
+ </li>
78
+ <% end %>
79
+ </ul>
80
+ </div>
81
+ <% end %>
82
+ <div class="bux-footer__fine-print">
83
+ <div class="bux-footer__ada">
84
+ If you have a disability
85
+ and experience difficulty accessing this content,
86
+ please contact the Digital Accessibility Center
87
+ for assistance at <a class="bux-link" href="mailto:accessibilityBootstrapBux.configuration.osu.edu">
88
+ accessibilityBootstrapBux.configuration.osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
89
+ </div>
90
+ <div class="bux-footer__links">
91
+ <p class="bux_footer__link"><a class="bux-link"
92
+ href="https://go.osu.edu/privacy">Privacy Statement</a></p>
93
+ <p class="bux_footer__link"><a class="bux-link"
94
+ href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></p>
95
+ </div>
96
+ <div class="bux-footer__copyright">© 2024 The Ohio State University</div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </footer>
data/app/views/bootstrap_bux/_osu_footer_light.html.erb ADDED
@@ -0,0 +1,102 @@
1
+ <footer class="bux-footer bux-footer--light">
2
+ <div class="container">
3
+ <div class="row">
4
+ <div class="col">
5
+ <div class="bux-footer__logo">
6
+ <a href="http://osu.edu" target="_blank">
7
+ <%= render 'bootstrap_bux/footer_logo', fill1: '#666666;', fill2: '#BA0C2F;' %>
8
+ </a>
9
+ </div>
10
+ <div class="bux-footer__contact bux-footer__contact--address">
11
+ <p class="bux_footer__site-name"><%= BootstrapBux.configuration.department_name %></p>
12
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.building_room %></p>
13
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.address %></p>
14
+ <p class="bux_footer__address">Columbus, OH 43210</p>
15
+ </div>
16
+
17
+ <div class="bux-footer__contact bux-footer__contact--email-phone">
18
+ <hr />
19
+ <p class="bux_footer__email"><a class="bux-link" href="mailto:<%= BootstrapBux.configuration.email %>"><%= BootstrapBux.configuration.email %></a></p>
20
+ <p class="bux_footer__phone"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.phone %>">Phone: <%= BootstrapBux.configuration.phone %></a></p>
21
+ <p class="bux_footer__fax"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.fax %>">Fax: <%= BootstrapBux.configuration.fax %></a></p>
22
+ </div>
23
+ </div>
24
+ <div class="col text-end">
25
+ <% unless BootstrapBux.configuration.facebook.blank? && BootstrapBux.configuration.twitter.blank? && BootstrapBux.configuration.instagram.blank? && BootstrapBux.configuration.linkedin = nil.blank? && BootstrapBux.configuration.youtube = nil.blank? && BootstrapBux.configuration.tiktok = nil %>
26
+ <div class="bux-footer__social">
27
+ <ul class="bux-social-links">
28
+ <% unless BootstrapBux.configuration.facebook.blank? %>
29
+ <li class="bux-social-links__item bux-social-links__item--Facebook">
30
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.facebook %>" target="_blank">
31
+ <span class="visually-hidden">Facebook profile — external</span>
32
+ <span class="icon icon-facebook" aria-hidden="true"></span>
33
+ </a>
34
+ </li>
35
+ <% end %>
36
+ <% unless BootstrapBux.configuration.instagram.blank? %>
37
+ <li class="bux-social-links__item bux-social-links__item--Instagram">
38
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.instagram %>"
39
+ target="_blank">
40
+ <span class="visually-hidden">Instagram profile — external</span>
41
+ <span class="icon icon-instagram" aria-hidden="true"></span>
42
+ </a>
43
+ </li>
44
+ <% end %>
45
+ <% unless BootstrapBux.configuration.twitter.blank? %>
46
+ <li class="bux-social-links__item bux-social-links__item--X">
47
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.twitter %>" target="_blank">
48
+ <span class="visually-hidden">X profile — external</span>
49
+ <span class="icon icon-x" aria-hidden="true"></span>
50
+ </a>
51
+ </li>
52
+ <% end %>
53
+ <% unless BootstrapBux.configuration.linkedin.blank? %>
54
+ <li class="bux-social-links__item bux-social-links__item--LinkedIn">
55
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.linkedin %>"
56
+ target="_blank">
57
+ <span class="visually-hidden">LinkedIn profile — external</span>
58
+ <span class="icon icon-linkedin" aria-hidden="true"></span>
59
+ </a>
60
+ </li>
61
+ <% end %>
62
+ <% unless BootstrapBux.configuration.youtube.blank? %>
63
+ <li class="bux-social-links__item bux-social-links__item--YouTube">
64
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.youtube %>"
65
+ target="_blank">
66
+ <span class="visually-hidden">YouTube profile — external</span>
67
+ <span class="icon icon-youtube" aria-hidden="true"></span>
68
+ </a>
69
+ </li>
70
+ <% end %>
71
+ <% unless BootstrapBux.configuration.tiktok.blank? %>
72
+ <li class="bux-social-links__item bux-social-links__item--TikTok">
73
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.tiktok %>" target="_blank">
74
+ <span class="visually-hidden">TikTok profile — external</span>
75
+ <span class="icon icon-tiktok" aria-hidden="true"></span>
76
+ </a>
77
+ </li>
78
+ <% end %>
79
+ </ul>
80
+ </div>
81
+ <% end %>
82
+
83
+ <div class="bux-footer__fine-print">
84
+ <div class="bux-footer__ada">
85
+ If you have a disability
86
+ and experience difficulty accessing this content,
87
+ please contact the Digital Accessibility Center
88
+ for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
89
+ accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
90
+ </div>
91
+ <div class="bux-footer__links">
92
+ <p class="bux_footer__link"><a class="bux-link"
93
+ href="https://go.osu.edu/privacy">Privacy Statement</a></p>
94
+ <p class="bux_footer__link"><a class="bux-link"
95
+ href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></p>
96
+ </div>
97
+ <div class="bux-footer__copyright">© 2024 The Ohio State University</div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </footer>
data/app/views/bootstrap_bux/_osu_footer_white.html.erb ADDED
@@ -0,0 +1,102 @@
1
+ <footer class="bux-footer bux-footer--white">
2
+ <div class="container">
3
+ <div class="row">
4
+ <div class="col">
5
+ <div class="bux-footer__logo">
6
+ <a href="http://osu.edu" target="_blank">
7
+ <%= render 'bootstrap_bux/footer_logo', fill1: '#666666;', fill2: '#BA0C2F;' %>
8
+ </a>
9
+ </div>
10
+ <div class="bux-footer__contact bux-footer__contact--address">
11
+ <p class="bux_footer__site-name"><%= BootstrapBux.configuration.department_name %></p>
12
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.building_room %></p>
13
+ <p class="bux_footer__address"><%= BootstrapBux.configuration.address %></p>
14
+ <p class="bux_footer__address">Columbus, OH 43210</p>
15
+ </div>
16
+
17
+ <div class="bux-footer__contact bux-footer__contact--email-phone">
18
+ <hr />
19
+ <p class="bux_footer__email"><a class="bux-link" href="mailto:<%= BootstrapBux.configuration.email %>"><%= BootstrapBux.configuration.email %></a></p>
20
+ <p class="bux_footer__phone"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.phone %>">Phone: <%= BootstrapBux.configuration.phone %></a></p>
21
+ <p class="bux_footer__fax"><a class="bux-link" href="tel:<%= BootstrapBux.configuration.fax %>">Fax: <%= BootstrapBux.configuration.fax %></a></p>
22
+ </div>
23
+ </div>
24
+ <div class="col text-end">
25
+ <% unless BootstrapBux.configuration.facebook.blank? && BootstrapBux.configuration.twitter.blank? && BootstrapBux.configuration.instagram.blank? && BootstrapBux.configuration.linkedin = nil.blank? && BootstrapBux.configuration.youtube = nil.blank? && BootstrapBux.configuration.tiktok = nil %>
26
+ <div class="bux-footer__social">
27
+ <ul class="bux-social-links">
28
+ <% unless BootstrapBux.configuration.facebook.blank? %>
29
+ <li class="bux-social-links__item bux-social-links__item--Facebook">
30
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.facebook %>" target="_blank">
31
+ <span class="visually-hidden">Facebook profile — external</span>
32
+ <span class="icon icon-facebook" aria-hidden="true"></span>
33
+ </a>
34
+ </li>
35
+ <% end %>
36
+ <% unless BootstrapBux.configuration.instagram.blank? %>
37
+ <li class="bux-social-links__item bux-social-links__item--Instagram">
38
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.instagram %>"
39
+ target="_blank">
40
+ <span class="visually-hidden">Instagram profile — external</span>
41
+ <span class="icon icon-instagram" aria-hidden="true"></span>
42
+ </a>
43
+ </li>
44
+ <% end %>
45
+ <% unless BootstrapBux.configuration.twitter.blank? %>
46
+ <li class="bux-social-links__item bux-social-links__item--X">
47
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.twitter %>" target="_blank">
48
+ <span class="visually-hidden">X profile — external</span>
49
+ <span class="icon icon-x" aria-hidden="true"></span>
50
+ </a>
51
+ </li>
52
+ <% end %>
53
+ <% unless BootstrapBux.configuration.linkedin.blank? %>
54
+ <li class="bux-social-links__item bux-social-links__item--LinkedIn">
55
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.linkedin %>"
56
+ target="_blank">
57
+ <span class="visually-hidden">LinkedIn profile — external</span>
58
+ <span class="icon icon-linkedin" aria-hidden="true"></span>
59
+ </a>
60
+ </li>
61
+ <% end %>
62
+ <% unless BootstrapBux.configuration.youtube.blank? %>
63
+ <li class="bux-social-links__item bux-social-links__item--YouTube">
64
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.youtube %>"
65
+ target="_blank">
66
+ <span class="visually-hidden">YouTube profile — external</span>
67
+ <span class="icon icon-youtube" aria-hidden="true"></span>
68
+ </a>
69
+ </li>
70
+ <% end %>
71
+ <% unless BootstrapBux.configuration.tiktok.blank? %>
72
+ <li class="bux-social-links__item bux-social-links__item--TikTok">
73
+ <a class="bux-social-links__link" href="<%= BootstrapBux.configuration.tiktok %>" target="_blank">
74
+ <span class="visually-hidden">TikTok profile — external</span>
75
+ <span class="icon icon-tiktok" aria-hidden="true"></span>
76
+ </a>
77
+ </li>
78
+ <% end %>
79
+ </ul>
80
+ </div>
81
+ <% end %>
82
+
83
+ <div class="bux-footer__fine-print">
84
+ <div class="bux-footer__ada">
85
+ If you have a disability
86
+ and experience difficulty accessing this content,
87
+ please contact the Digital Accessibility Center
88
+ for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
89
+ accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
90
+ </div>
91
+ <div class="bux-footer__links">
92
+ <p class="bux_footer__link"><a class="bux-link"
93
+ href="https://go.osu.edu/privacy">Privacy Statement</a></p>
94
+ <p class="bux_footer__link"><a class="bux-link"
95
+ href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></p>
96
+ </div>
97
+ <div class="bux-footer__copyright">© 2024 The Ohio State University</div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </footer>
data/app/views/bootstrap_bux/_osu_header.html.erb ADDED
@@ -0,0 +1,28 @@
1
+ <a href="#main-content" class="visually-hidden focusable skip-link">
2
+ Skip to main content
3
+ </a>
4
+
5
+ <nav id="osu-navbar" class="bux-osu-nav navbar navbar-expand-lg">
6
+ <div class="container">
7
+ <h2 class="visually-hidden">Ohio State navigation bar</h2>
8
+ <div id="osu-navname-block">
9
+ <a class="bux-osu-nav__osu-logo-link navbar-brand" href="https://osu.edu">
10
+ <%= render 'bootstrap_bux/header_logo' %>
11
+ </a>
12
+ </div>
13
+ <button id="osu-nav-trigger" class="navbar-toggler" type="button" data-bs-toggle="collapse"
14
+ data-bs-target="#osu_navlinks" aria-controls="osu_navlinks" aria-expanded="false" aria-label="Show Links">
15
+ </button>
16
+ <div class="collapse navbar-collapse" id="osu_navlinks">
17
+ <ul class="bux-osu-nav__links navbar-nav">
18
+ <li class="nav-item bux-osu-nav__link"><a class="nav-link" href="http://buckeyelink.osu.edu/">BuckeyeLink</a>
19
+ </li>
20
+ <li class="nav-item bux-osu-nav__link"><a class="nav-link" href="https://www.osu.edu/findpeople.php">Find
21
+ People</a></li>
22
+ <li class="nav-item bux-osu-nav__link"><a class="nav-link" href="https://email.osu.edu/">Webmail</a></li>
23
+ <li class="nav-item bux-osu-nav__link"><a class="nav-link" href="https://www.osu.edu/search/">Search Ohio
24
+ State</a></li>
25
+ </ul>
26
+ </div>
27
+ </div>
28
+ </nav>
data/config/initializers/bootstrap_bux.rb ADDED
@@ -0,0 +1,19 @@
1
+ # frozen_string_literal: true
2
+
3
+ BootstrapBux.configure do |config|
4
+ # update these configuration options with your actual departmental info
5
+ config.department_name = "My Office"
6
+ config.building_room = "100 Building Name"
7
+ config.address = "1 Oval Mall"
8
+ config.email = "email@osu.edu"
9
+ config.phone = "614-292-OHIO"
10
+ config.fax = "614-555-5555"
11
+
12
+ # only add urls for these if your application/lab/department actually has a presence on the platform
13
+ config.facebook = nil
14
+ config.twitter = nil
15
+ config.instagram = nil
16
+ config.linkedin = nil
17
+ config.youtube = nil
18
+ config.tiktok = nil
19
+ end
data/config/routes.rb ADDED
@@ -0,0 +1,4 @@
1
+ # frozen_string_literal: true
2
+
3
+ BootstrapBux::Engine.routes.draw do
4
+ end
data/lib/bootstrap_bux/engine.rb ADDED
@@ -0,0 +1,13 @@
1
+ # frozen_string_literal: true
2
+ require "rails"
3
+ require "sprockets/railtie"
4
+
5
+ module BootstrapBux
6
+ # make css assets available to any app using the gem
7
+ class Engine < ::Rails::Engine
8
+ isolate_namespace BootstrapBux
9
+ initializer "bootstrap_bux.assets" do |app|
10
+ app.config.assets.paths << root.join("app", "assets", "stylesheets", "bootstrap_bux").to_s
11
+ end
12
+ end
13
+ end
data/lib/bootstrap_bux/version.rb ADDED
@@ -0,0 +1,5 @@
1
+ # frozen_string_literal: true
2
+
3
+ module BootstrapBux
4
+ VERSION = "0.1.0"
5
+ end
data/lib/bootstrap_bux.rb ADDED
@@ -0,0 +1,42 @@
1
+ # frozen_string_literal: true
2
+
3
+ require_relative "bootstrap_bux/engine"
4
+
5
+ # this is the main code
6
+ module BootstrapBux
7
+ class Error < StandardError; end
8
+
9
+ class << self
10
+ attr_accessor :configuration
11
+
12
+ if defined?(::Sprockets)
13
+ Sprockets.append_path(File.join((File.expand_path "..", File.dirname(__FILE__)), "assets", "stylesheets",
14
+ "bootstrap_bux"))
15
+ end
16
+ end
17
+
18
+ def self.configure
19
+ self.configuration ||= Configuration.new
20
+ yield(configuration)
21
+ end
22
+
23
+ # grab the config options
24
+ class Configuration
25
+ attr_accessor :department_name, :building_room, :address, :email, :phone, :fax, :facebook, :twitter, :instagram,
26
+ :linkedin, :youtube, :tiktok
27
+
28
+ @department_name = "My Office"
29
+ @building_room = "100 Building Name"
30
+ @address = "1 Oval Mall"
31
+ @email = "email@osu.edu"
32
+ @phone = "614-292-OHIO"
33
+ @fax = "614-555-5555"
34
+
35
+ @facebook = nil
36
+ @twitter = nil
37
+ @instagram = nil
38
+ @linkedin = nil
39
+ @youtube = nil
40
+ @tiktok = nil
41
+ end
42
+ end