diff --git a/Beacon/Assets/hp.png b/Beacon/Assets/hp.png index 5cea72757d..73a78038d2 100644 Binary files a/Beacon/Assets/hp.png and b/Beacon/Assets/hp.png differ diff --git a/Beacon/beacon.css b/Beacon/beacon.css index fa54c213cc..51668abffc 100644 --- a/Beacon/beacon.css +++ b/Beacon/beacon.css @@ -3,8 +3,8 @@ /* overall wrapper to fix moving width issues with overflow on hidden sections */ .charsheet .sheet-overall-wrapper { - max-width: 832px; - min-width: 700px; + max-width: 830px; + min-width: 830px; } /* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */ @@ -40,21 +40,17 @@ div.sheet-maintab-content { display: none; - /*visibility: hidden; - opacity: 0; - max-height: 0; - overflow: hidden; */ } - +input.sheet-player:checked ~ div.sheet-player, input.sheet-update:checked ~ div.sheet-update, -input.sheet-player:checked ~ div.sheet-player +input.sheet-monster:checked ~ div.sheet-monster { display: block; } input.sheet-maintab { - width: 20%; + width: 15%; height: 16px; cursor: pointer; position: relative; @@ -62,24 +58,27 @@ input.sheet-maintab z-index: 9999; } -.charsheet input.sheet-maintab:checked + span.sheet-player, -.charsheet input.sheet-maintab:checked + span.sheet-update { - background: #009e73; /*GREEN*/ - color: white; - border-radius: 4px; -} - -span.sheet-maintab { +span.sheet-maintab +{ text-align: center; display: inline-block; width: 15%; height: 16px; - font-size: 9px; + font-size: 10px; background: #ce0632; /*REDish*/ color: white; font-weight: bold; border-radius: 4px; - margin-left: -20% + margin-left: -15% +} + +.charsheet input.sheet-maintab:checked + span.sheet-player, +.charsheet input.sheet-maintab:checked + span.sheet-update, +.charsheet input.sheet-maintab:checked + span.sheet-monster +{ + background: #009e73; /*GREEN*/ + color: white; + border-radius: 4px; } div.sheet-maintab-content @@ -97,7 +96,7 @@ label div font-weight: normal; } -/* Main Sheet Tabs */ +/* Player Sheet Tabs */ .charsheet div[class^="sheet-section"] { visibility: hidden; opacity: 0; @@ -117,14 +116,16 @@ label div overflow: auto; } -.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { +.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] +{ max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; } -.charsheet input.sheet-tab { +.charsheet input.sheet-tab +{ width: 87px; height: 20px; cursor: pointer; @@ -133,7 +134,8 @@ label div z-index: 9999; } -.charsheet span.sheet-tab { +.charsheet span.sheet-tab +{ text-align: center; display: inline-block; font-size: 13px; @@ -153,28 +155,30 @@ label div .charsheet input.sheet-tab3:checked + span.sheet-tab3, .charsheet input.sheet-tab4:checked + span.sheet-tab4, .charsheet input.sheet-tab5:checked + span.sheet-tab5, -.charsheet input.sheet-tab99:checked + span.sheet-tab99 { +.charsheet input.sheet-tab99:checked + span.sheet-tab99 +{ background: #009e73; color: white; border-radius: 4px; } - -/* END Main sheet tabs */ +/* END Player sheet tabs */ /* Graphic Boxes */ - -.charsheet .sheet-2colrow .sheet-col { +.charsheet .sheet-2colrow .sheet-col +{ width: calc(50% - 3px) !important; height: 32px; margin-right: 2px !important; } -.charsheet .sheet-2colrow .sheet-col:last-child { +.charsheet .sheet-2colrow .sheet-col:last-child +{ margin-right: 0 !important; } .charsheet input.sheet-AC, -.charsheet input.sheet-HP { +.charsheet input.sheet-HP +{ margin-top: 16px; margin-bottom: 34px; padding: 0px; @@ -188,7 +192,8 @@ label div border: 0; } -.charsheet input.sheet-HP2 { +.charsheet input.sheet-HP2 +{ margin-top: 16px; margin-bottom: 34px; padding: 0px; @@ -201,19 +206,20 @@ label div text-align: center; border: 1; } - -.charsheet .sheet-ACBG { +.charsheet .sheet-ACBG +{ background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Beacon/Assets/shield.png') no-repeat 20% 0% / 6.6em auto; } -.charsheet .sheet-HPBG { +.charsheet .sheet-HPBG +{ background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Beacon/Assets/hp.png') no-repeat 20% 0% / 6.6em auto; } - /* END Graphic Boxes */ /* Spell Page Settings */ -.charsheet div[class^="sheet-spell-page"] { +.charsheet div[class^="sheet-spell-page"] +{ visibility: hidden; opacity: 0; max-height:0; @@ -226,14 +232,16 @@ label div .charsheet input.sheet-spelltab3:checked ~ div.sheet-spell-page3, .charsheet input.sheet-spelltab4:checked ~ div.sheet-spell-page4, .charsheet input.sheet-spelltab5:checked ~ div.sheet-spell-page5, -.charsheet input.sheet-spelltab6:checked ~ div.sheet-spell-page6 { +.charsheet input.sheet-spelltab6:checked ~ div.sheet-spell-page6 +{ max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; } -.charsheet input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] { +.charsheet input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] +{ max-height: 999999px; visibility: visible; opacity: 1; @@ -254,7 +262,8 @@ label div border-radius: 4px; } -.charsheet input.sheet-spellpagetab { +.charsheet input.sheet-spellpagetab +{ width: 70px; height: 20px; cursor: pointer; @@ -263,7 +272,8 @@ label div z-index: 9999; } -.charsheet span.sheet-spellpagetab { +.charsheet span.sheet-spellpagetab +{ text-align: center; display: inline-block; font-size: 13px; @@ -290,7 +300,8 @@ div[data-groupname^="repeating_items"] .repitem, } div[data-groupname^="repeating_"] .repitem, -.sheet-zero-row { +.sheet-zero-row +{ border: 1px solid #000000; border-radius: 12px; margin-left: 1px; @@ -299,7 +310,8 @@ div[data-groupname^="repeating_"] .repitem, } div[data-groupname^="repeating_spellbook"] .repitem, -.sheet-zero-row { +.sheet-zero-row +{ border: 1px solid #000000; border-radius: 12px; margin-left: 1px; @@ -309,21 +321,24 @@ div[data-groupname^="repeating_spellbook"] .repitem, /* spell type tab Settings */ -.charsheet div[class^="sheet-spell-type"] { +.charsheet div[class^="sheet-spell-type"] +{ visibility: hidden; opacity: 0; max-height:0; overflow: hidden; } -.charsheet input.sheet-spelltypeDescription:checked ~ div.sheet-spell-type-Description { +.charsheet input.sheet-spelltypeDescription:checked ~ div.sheet-spell-type-Description +{ max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; } -.charsheet input.sheet-spelltypeDescription:checked ~ span.sheet-spelltypeDescription { +.charsheet input.sheet-spelltypeDescription:checked ~ span.sheet-spelltypeDescription +{ background: rgb(0,158,115); color: white; border-radius: 4px; @@ -393,19 +408,6 @@ div[data-groupname^="repeating_spellbook"] .repitem, font-weight: bold; } -.charsheet .sheet-small-label { - font-size: 75%!important; - font-style: italic; - font-weight: bold; -} - -.charsheet .sheet-small-labelblue { - font-size: 75%!important; - font-style: italic; - font-weight: bold; - color: blue; -} - .charsheet .sheet-large-label { font-size: 90%!important; font-style: italic; @@ -424,46 +426,6 @@ div[data-groupname^="repeating_spellbook"] .repitem, text-align: center; } -.charsheet .sheet-hd-row { - margin-top: 5px; - font-size: 14px!important; -} - -.charsheet .sheet-pictos { - font-family: "Pictos"; - font-size: 14px; -} - -.charsheet .sheet-pictos-custom { - font-family: "Pictos Custom"; - font-size: 14px; -} - -.charsheet .sheet-pictos-three { - font-family: "Pictos Three"; - font-size: 14px; -} - -.charsheet .sheet-d6-font { - font-family: "dicefontd6"; - font-size: 14px; -} - -.charsheet .sheet-d8-font { - font-family: "dicefontd8"; - font-size: 14px; -} - -.charsheet .sheet-d10-font { - font-family: "dicefontd10"; - font-size: 14px; -} - -.charsheet .sheet-d20-font { - font-family: "dicefontd20"; - font-size: 14px; -} - .charsheet .sheet-padl, .sheet-rolltemplate-DccTabbed .sheet-padl { padding-left:10px; @@ -496,26 +458,6 @@ div[data-groupname^="repeating_spellbook"] .repitem, box-sizing: border-box; } -.sheet-border-right-dotted, - .sheet-rolltemplate-DccTabbed .sheet-border-right-dotted { - border-right: 1px dotted #000; -} - - .sheet-border-left-dotted, - .sheet-rolltemplate-DccTabbed .sheet-border-left-dotted { - border-left: 1px dotted #000; -} - - .sheet-border-top-dotted, - .sheet-rolltemplate-DccTabbed .sheet-border-top-dotted { - border-top: 1px dotted #000; -} - - .sheet-border-bottom-dotted, - .sheet-rolltemplate-DccTabbed .sheet-border-bottom-dotted { - border-bottom: 1px dotted #000; -} - .charsheet .sheet-border-right { border-right: 1px solid #000; } @@ -541,15 +483,8 @@ div[data-groupname^="repeating_spellbook"] .repitem, box-shadow: 0px -2px 0px 0px #000000 inset; } -.charsheet button.sheet-core-save, .charsheet button.sheet-core-check, .charsheet button.sheet-initiative, .charsheet button.sheet-roll { - font-size: 12px!important; -} - -.charsheet button.sheet-initiative { - height: 3em; -} - -.charsheet hr { +.charsheet hr +{ border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0)); @@ -559,47 +494,53 @@ div[data-groupname^="repeating_spellbook"] .repitem, margin: 5px 0; } -.charsheet span.sheet-spacer { +.charsheet span.sheet-spacer +{ display: block; margin-top: 5px; } -.charsheet .sheet-heading-row { +.charsheet .sheet-heading-row +{ text-align: center; font-weight: bold; } -.charsheet .sheet-footer-row { +.charsheet .sheet-footer-row +{ text-align: center; font-weight: bold; border-bottom: 1px solid #dddddd; margin-bottom: 5px; } -.charsheet .sheet-vert-middle { +.charsheet .sheet-vert-middle +{ vertical-align: middle!important; } -.charsheet .sheet-vert-bottom { +.charsheet .sheet-vert-bottom +{ vertical-align: bottom!important; } -.charsheet .sheet-center, -.sheet-rolltemplate-DccTabbed .sheet-center { +.charsheet .sheet-center +{ text-align: center; } -.charsheet .sheet-left, -.sheet-rolltemplate-DccTabbed .sheet-left { +.charsheet .sheet-left +{ text-align: left; } -.charsheet .sheet-right, -.sheet-rolltemplate-DccTabbed .sheet-right { +.charsheet .sheet-right +{ text-align: right; } -.charsheet .sheet-centerselect { +.charsheet .sheet-centerselect +{ margin-left: auto; margin-right: auto; display: block!important; @@ -691,17 +632,20 @@ div[data-groupname^="repeating_spellbook"] .repitem, margin: 0; } -.charsheet .sheet-small-note { +.charsheet .sheet-small-note +{ text-align: center; font-family: Arial; font-size: 10px; } -.charsheet select { +.charsheet select +{ font-size: 90%; } -.charsheet .sheet-important-text { +.charsheet .sheet-important-text +{ text-decoration: underline; color: #ff0000; } @@ -786,21 +730,21 @@ div[data-groupname^="repeating_spellbook"] .repitem, } /* Custom Pure Grid CSS (24 cols) DO NOT EDIT BELOW THIS LINE OR RISK BREAKING FORMATTING */ -.sheet-row, -.sheet-rolltemplate-DccTabbed .sheet-row { +.sheet-row +{ letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; } - .sheet-opera-only :-o-prefocus, .sheet-row, - .sheet-rolltemplate-DccTabbed .sheet-opera-only :-o-prefocus, .sheet-rolltemplate-DccTabbed .sheet-row { + .sheet-opera-only :-o-prefocus, .sheet-row +{ word-spacing: -0.43em; } - .sheet-col, - .sheet-rolltemplate-DccTabbed .sheet-col { + .sheet-col + { display: inline-block; zoom: 1; *display: inline; letter-spacing: normal; @@ -809,22 +753,9 @@ div[data-groupname^="repeating_spellbook"] .repitem, text-rendering: auto; } -.sheet-rolltemplate-DccTabbed .sheet-col-1, -.sheet-rolltemplate-DccTabbed .sheet-col-1-2,.sheet-rolltemplate-DccTabbed .sheet-col-1-3, -.sheet-rolltemplate-DccTabbed .sheet-col-1-4,.sheet-rolltemplate-DccTabbed .sheet-col-1-5, -.sheet-rolltemplate-DccTabbed .sheet-col-1-6,.sheet-rolltemplate-DccTabbed .sheet-col-1-7, -.sheet-rolltemplate-DccTabbed .sheet-col-1-8,.sheet-rolltemplate-DccTabbed .sheet-col-1-9, -.sheet-rolltemplate-DccTabbed .sheet-col-1-10,.sheet-rolltemplate-DccTabbed .sheet-col-1-11, -.sheet-rolltemplate-DccTabbed .sheet-col-1-12,.sheet-rolltemplate-DccTabbed .sheet-col-1-13, -.sheet-rolltemplate-DccTabbed .sheet-col-1-14,.sheet-rolltemplate-DccTabbed .sheet-col-1-15, -.sheet-rolltemplate-DccTabbed .sheet-col-1-16,.sheet-rolltemplate-DccTabbed .sheet-col-1-17, -.sheet-rolltemplate-DccTabbed .sheet-col-1-19,.sheet-rolltemplate-DccTabbed .sheet-col-1-21, -.sheet-rolltemplate-DccTabbed .sheet-col-1-22,.sheet-rolltemplate-DccTabbed .sheet-col-1-23, -.sheet-rolltemplate-DccTabbed .sheet-col-2-23,.sheet-rolltemplate-DccTabbed .sheet-col-1-24, -.sheet-col-1,.sheet-col-1-2,.sheet-col-1-3,.sheet-col-1-4,.sheet-col-1-5,.sheet-col-1-6, -.sheet-col-1-7,.sheet-col-1-8,.sheet-col-1-9,.sheet-col-1-10, .sheet-col-1-11,.sheet-col-1-12, -.sheet-col-1-13, .sheet-col-1-14, .sheet-col-1-15,.sheet-col-1-16,.sheet-col-1-17,.sheet-col-1-18, -.sheet-col-1-19,.sheet-col-1-20,.sheet-col-1-21,.sheet-col-1-22,.sheet-col-1-23,.sheet-col-1-24 +.sheet-col-1, .sheet-col-1-2, .sheet-col-1-3,.sheet-col-1-4, .sheet-col-1-5,.sheet-col-1-6, .sheet-col-1-7, +.sheet-col-1-8, .sheet-col-1-9,.sheet-col-1-10, .sheet-col-1-11, .sheet-col-1-12, .sheet-col-1-13, +.sheet-col-1-14, .sheet-col-1-15,.sheet-col-1-16, .sheet-col-1-17, .sheet-col-1-19 { display: inline-block; zoom: 1; @@ -835,251 +766,164 @@ div[data-groupname^="repeating_spellbook"] .repitem, text-rendering: auto; } - .sheet-col-1, - .sheet-rolltemplate-DccTabbed .sheet-col-1 { +.sheet-col-1 { display:block; } - .sheet-col-1-2, - .sheet-rolltemplate-DccTabbed .sheet-col-1-2 { +.sheet-col-1-2 { width: 50%; } - - .sheet-offset-1-2, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-2 { + .sheet-offset-1-2 { margin-left: 50%; } - .sheet-col-1-3, - .sheet-rolltemplate-DccTabbed .sheet-col-1-3 { +.sheet-col-1-3 { width: 33.33333%; } - .sheet-offset-1-3, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-3 { +.sheet-offset-1-3 { margin-left: 33.33333%; } - .sheet-col-1-4, - .sheet-rolltemplate-DccTabbed .sheet-col-1-4 { +.sheet-col-1-4 { width: 25%; } - .sheet-offset-1-4, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-4 { +.sheet-offset-1-4 { margin-left: 25%; } - .sheet-col-1-5, - .sheet-rolltemplate-DccTabbed .sheet-col-1-5 { +.sheet-col-1-5 { width: 20%; } - .sheet-offset-1-5, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-5 { +.sheet-offset-1-5 { margin-left: 20%; } - .sheet-col-1-6, - .sheet-rolltemplate-DccTabbed .sheet-col-1-6 { +.sheet-col-1-6 { width: 16.66667%; } - .sheet-offset-1-6, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-6 { +.sheet-offset-1-6 { margin-left: 16.66667%; } - .sheet-col-1-7, - .sheet-rolltemplate-DccTabbed .sheet-col-1-7 { +.sheet-col-1-7 { width: 14.28571%; } - .sheet-offset-1-7, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-7 { +.sheet-offset-1-7 { margin-left: 14.28571%; } - .sheet-col-1-8, - .sheet-rolltemplate-DccTabbed .sheet-col-1-8 { +.sheet-col-1-8 { width: 12.5%; } - .sheet-offset-1-8, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-8 { +.sheet-offset-1-8 { margin-left: 12.5%; } - .sheet-col-1-9, - .sheet-rolltemplate-DccTabbed .sheet-col-1-9 { +.sheet-col-1-9 { width: 11.11111%; } - .sheet-offset-1-9, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-9 { +.sheet-offset-1-9 { margin-left: 11.11111%; } - .sheet-col-1-10, - .sheet-rolltemplate-DccTabbed .sheet-col-1-10 { +.sheet-col-1-10 { width: 10%; } - .sheet-offset-1-10, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-10 { +.sheet-offset-1-10 { margin-left: 10%; } - .sheet-col-1-11, - .sheet-rolltemplate-DccTabbed .sheet-col-1-11 { +.sheet-col-1-11 { width: 9.09091%; } - .sheet-offset-1-11, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-11 { +.sheet-offset-1-11 { margin-left: 9.09091%; } - .sheet-col-1-12, - .sheet-rolltemplate-DccTabbed .sheet-col-1-12 { +.sheet-col-1-12 { width: 8.33333%; } - .sheet-offset-1-12, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-12 { +.sheet-offset-1-12 { margin-left: 8.33333%; } - .sheet-col-1-13, - .sheet-rolltemplate-DccTabbed .sheet-col-1-13 { + .sheet-col-1-13 { width: 7.69231%; } - .sheet-offset-1-13, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-13 { +.sheet-offset-1-13 { margin-left: 7.69231%; } - .sheet-col-1-14, - .sheet-rolltemplate-DccTabbed .sheet-col-1-14 { +.sheet-col-1-14 { width: 7.14286%; } - .sheet-offset-1-14, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-14 { +.sheet-offset-1-14 { margin-left: 7.14286%; } - .sheet-col-1-15, - .sheet-rolltemplate-DccTabbed .sheet-col-1-15 { +.sheet-col-1-15 { width: 6.66667%; } - .sheet-offset-1-15, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-15 { +.sheet-offset-1-15 { margin-left: 6.66667%; } - .sheet-col-1-16, - .sheet-rolltemplate-DccTabbed .sheet-col-1-16 { +.sheet-col-1-16 { width: 6.25%; } - .sheet-offset-1-16, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-16 { +.sheet-offset-1-16 { margin-left: 6.25%; } - .sheet-col-1-17, - .sheet-rolltemplate-DccTabbed .sheet-col-1-17 { +.sheet-col-1-17 { width: 5.88235%; } - .sheet-offset-1-17, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-17 { +.sheet-offset-1-17 { margin-left: 5.88235%; } - .sheet-col-1-18, - .sheet-rolltemplate-DccTabbed .sheet-col-1-18 { +.sheet-col-1-18 { width: 5.55556%; } - .sheet-offset-1-18, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-18 { +.sheet-offset-1-18 { margin-left: 5.55556%; } - .sheet-col-1-19, - .sheet-rolltemplate-DccTabbed .sheet-col-1-19 { +.sheet-col-1-19 { width: 5.26316%; } - .sheet-offset-1-19, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-19 { +.sheet-offset-1-19 { margin-left: 5.26316%; } - - .sheet-col-1-20, - .sheet-rolltemplate-DccTabbed .sheet-col-1-20 { - width: 5%; -} - - .sheet-offset-1-20, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-20 { - margin-left: 5%; -} - .sheet-col-1-21, - .sheet-rolltemplate-DccTabbed .sheet-col-1-21 { - width: 4.7619%; -} - - .sheet-offset-1-21, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-21 { - margin-left: 4.7619%; -} - .sheet-col-1-22, - .sheet-rolltemplate-DccTabbed .sheet-col-1-22 { - width: 4.54545%; -} - - .sheet-offset-1-22, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-22 { - margin-left: 4.54545%; -} - - .sheet-col-1-23, - .sheet-rolltemplate-DccTabbed .sheet-col-1-23 { - width: 4.34783%; -} - - .sheet-offset-1-23, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-23 { - margin-left: 4.34783%; -} - - .sheet-col-1-24, - .sheet-rolltemplate-DccTabbed .sheet-col-1-24 { - width: 4.16667%; -} - - .sheet-offset-1-24, - .sheet-rolltemplate-DccTabbed .sheet-offset-1-24 { - margin-left: 4.16667%; -} - .sheet-row-r, - .sheet-rolltemplate-DccTabbed .sheet-row-r { +.sheet-row-r { letter-spacing: -0.31em; *letter-spacing: normal; word-spacing: -0.43em; } - .sheet-opera-only :-o-prefocus, .sheet-row-r, - .sheet-rolltemplate-DccTabbed .sheet-opera-only :-o-prefocus, .sheet-rolltemplate-DccTabbed .sheet-row-r { + .sheet-opera-only :-o-prefocus, .sheet-row-r +{ word-spacing: -0.43em; } - .sheet-row-r img, - .sheet-rolltemplate-DccTabbed .sheet-row-r img { + .sheet-row-r img + img { max-width: 100%; } diff --git a/Beacon/beacon.html b/Beacon/beacon.html index 6eb3c70509..c3ffffd735 100644 --- a/Beacon/beacon.html +++ b/Beacon/beacon.html @@ -7,11 +7,13 @@