sfc-utils 1.4.23 → 1.4.24
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.
- package/example/src/styles/footer.less +23 -0
- package/footer.js +61 -12
- package/package.json +1 -1
|
@@ -210,6 +210,29 @@
|
|
|
210
210
|
width: 114px;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
+
.pageFooter--right-links .large-footer-link{
|
|
214
|
+
margin: 7px 0 23px 0;
|
|
215
|
+
clear: both;
|
|
216
|
+
float: none;
|
|
217
|
+
text-align: left;
|
|
218
|
+
a{
|
|
219
|
+
color: @white;
|
|
220
|
+
font-size: 14px;
|
|
221
|
+
font-family: "National Medium", system-ui;
|
|
222
|
+
white-space: nowrap;
|
|
223
|
+
border: 1px solid;
|
|
224
|
+
padding: 8px 10px;
|
|
225
|
+
&:hover{
|
|
226
|
+
color: @grey-25;
|
|
227
|
+
}
|
|
228
|
+
&:visited{
|
|
229
|
+
color: @grey-50;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
@media(min-width: 768px){margin: 7px 0 7px;}
|
|
233
|
+
|
|
234
|
+
}
|
|
235
|
+
|
|
213
236
|
.pageFooter--branding-copyright {
|
|
214
237
|
display: inline-block;
|
|
215
238
|
width: 100%;
|
package/footer.js
CHANGED
|
@@ -84,18 +84,18 @@ let getFooter = function(meta, forceColor){
|
|
|
84
84
|
"SFC": {
|
|
85
85
|
"About": [
|
|
86
86
|
{text:"Our Company",link:"http://www.hearst.com/newspapers/san-francisco-chronicle"},
|
|
87
|
-
{text:"Privacy Notice / Notice at Collection",link:"https://www.sfchronicle.com/privacy_policy"},
|
|
88
|
-
{text:"Your California Privacy Rights",link:"https://www.sfchronicle.com/privacy_policy/#caprivacyrights"},
|
|
89
|
-
{text:"Interest Based Ads",link:"https://www.sfchronicle.com/privacy_policy/#interestbasedads"},
|
|
90
87
|
{text:"Terms of Use",link:"https://www.sfchronicle.com/terms_of_use/"},
|
|
91
|
-
{text:"
|
|
88
|
+
{text:"Privacy Notice",link:"https://www.sfchronicle.com/privacy_policy"},
|
|
89
|
+
{text:"CA Notice at Collection",link:"https://www.sfchronicle.com/privacy_policy/#caprivacyrights"},
|
|
90
|
+
{text:"Your CA Privacy Rights (Shine the Light)",link:"https://www.sfchronicle.com/privacy_policy/#shinethelight"},
|
|
91
|
+
{text:"DAA Industry Opt Out",link:"https://www.sfchronicle.com/privacy_policy/#daaoptout"},
|
|
92
|
+
{text:"Careers",link:"https://eevd.fa.us6.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_11007"},
|
|
92
93
|
{text:"Advertising",link:"https://marketing.sfgate.com/advertise-with-us-today"}
|
|
93
94
|
],
|
|
94
95
|
"Newsroom": [
|
|
95
96
|
{text:"Ethics Policy",link:"https://www.sfchronicle.com/file/759/0/7590-7528-Hearst_Newspaper_Group_Standards_and_Ethics_Policy.pdf"},
|
|
96
|
-
{text:"How We Cover Politics",link:"https://www.sfchronicle.com/local-politics/article/Election-2020-inside-the-newsroom-How-15519702.php"},
|
|
97
97
|
{text:"Endorsement Process",link:"https://www.sfchronicle.com/opinion/article/How-The-Chronicle-s-endorsement-process-works-14499467.php"},
|
|
98
|
-
{text:"News Tips",link:"https://
|
|
98
|
+
{text:"News Tips",link:"https://newstips.sfchronicle.com/"},
|
|
99
99
|
{text:"Newsroom News", link:"https://www.sfchronicle.com/about/newsroomnews/"}
|
|
100
100
|
],
|
|
101
101
|
"Contact": [
|
|
@@ -103,9 +103,9 @@ let getFooter = function(meta, forceColor){
|
|
|
103
103
|
{text:"FAQ",link:"https://www.sfchronicle.com/faq"},
|
|
104
104
|
{text:"Newsroom Contacts",link:"https://www.sfchronicle.com/newsroom_contacts"}
|
|
105
105
|
],
|
|
106
|
-
"CCPA": [
|
|
107
|
-
|
|
108
|
-
],
|
|
106
|
+
// "CCPA": [
|
|
107
|
+
// {text:"Do Not Sell My Personal Information",link:"https://www.sfchronicle.com/mydata/"}
|
|
108
|
+
// ],
|
|
109
109
|
"Services": [
|
|
110
110
|
{text:"Subscriber Services",link:"https://subscription.sfchronicle.com/"},
|
|
111
111
|
{text:"e-Edition",link:"https://www.sfchronicle.com/e-edition"},
|
|
@@ -114,8 +114,9 @@ let getFooter = function(meta, forceColor){
|
|
|
114
114
|
{text:"App",link:"https://www.sfchronicle.com/mobile-apps/"},
|
|
115
115
|
{text:"Archives",link:"https://www.sfchronicle.com/archive/search/subscriber/"},
|
|
116
116
|
{text:"Membership",link:"https://www.sfchronicle.com/membership"},
|
|
117
|
-
{text:"
|
|
118
|
-
{text:"
|
|
117
|
+
{text:"Place an Obituary",link:"https://ezads.sfchron.com/sf-adportal/obits/"},
|
|
118
|
+
{text:"Store",link:"https://sfchronicle.myshopify.com/?_ga=2.258575178.196771473.1682963726-25953531.1665430234"},
|
|
119
|
+
{text:"Subscription Offers",link:"https://subscription.sfchronicle.com/checkout/1223/2586?siteID=SFC&origin=footer"},
|
|
119
120
|
{text:"sfgate.com",link:"https://www.sfgate.com/"}
|
|
120
121
|
]
|
|
121
122
|
},
|
|
@@ -613,8 +614,55 @@ let getFooter = function(meta, forceColor){
|
|
|
613
614
|
|
|
614
615
|
// Close the new section
|
|
615
616
|
linkHTML += '</ul></li>'
|
|
616
|
-
});
|
|
617
617
|
|
|
618
|
+
});
|
|
619
|
+
let blockHTML = ``
|
|
620
|
+
if(meta.PROJECT.MARKET_KEY === 'SFC'){
|
|
621
|
+
blockHTML += `
|
|
622
|
+
<style>
|
|
623
|
+
.pageFooter--right-links .large-footer-link{
|
|
624
|
+
margin: 7px 0 23px 0;
|
|
625
|
+
clear: both;
|
|
626
|
+
float: none;
|
|
627
|
+
text-align: left;
|
|
628
|
+
}
|
|
629
|
+
.pageFooter--right-links .large-footer-link a{
|
|
630
|
+
color: #fff;
|
|
631
|
+
font-size: 14px;
|
|
632
|
+
font-family: "National Medium", system-ui;
|
|
633
|
+
white-space: nowrap;
|
|
634
|
+
border: 1px solid;
|
|
635
|
+
padding: 8px 10px;
|
|
636
|
+
}
|
|
637
|
+
.pageFooter--right-links .large-footer-link a:hover{
|
|
638
|
+
color: #C7C7C7;
|
|
639
|
+
}
|
|
640
|
+
.pageFooter--right-links .large-footer-link a:visited{
|
|
641
|
+
color: #909090;
|
|
642
|
+
}
|
|
643
|
+
@media (min-width: 768px){
|
|
644
|
+
.pageFooter--right-links .large-footer-link{
|
|
645
|
+
margin: 7px 0 7px;}
|
|
646
|
+
}
|
|
647
|
+
@media (max-width: 640px) {
|
|
648
|
+
.hed {font-size: calc(3rem - 2px);}
|
|
649
|
+
.deck {font-size: calc(1.25rem + 1px); text-align: left;}
|
|
650
|
+
.subhead {font-size: 2rem;}
|
|
651
|
+
.hed-lg {font-size: calc(3rem - 2px);}
|
|
652
|
+
.hed-sm {font-size: calc(2.5rem - 2px);}
|
|
653
|
+
.subhead-sm {font-size: calc(1.5rem - 2px);}
|
|
654
|
+
.subhead-sans {font-size: calc(1.25rem + 1px);}
|
|
655
|
+
.serif-copy {font-size: 1rem;}
|
|
656
|
+
.sans-copy {font-size: calc(1rem + 1px);}
|
|
657
|
+
.lead-in {font-size: calc(1rem + 1px);}
|
|
658
|
+
.dropcap:first-letter {font-size: 6rem;}
|
|
659
|
+
}
|
|
660
|
+
</style>
|
|
661
|
+
<div class="large-footer-link">
|
|
662
|
+
<a href="https://www.sfchronicle.com/mydata/" target="_blank" role="listitem">Your Privacy Choices (Opt Out of Sale/Targeted Ads)</a>
|
|
663
|
+
</div>
|
|
664
|
+
`
|
|
665
|
+
}
|
|
618
666
|
let footerHTML = `<footer class="pageFooter ${invertClass}">
|
|
619
667
|
<div class="lock">
|
|
620
668
|
<div class="pageFooter--wrapper">
|
|
@@ -647,6 +695,7 @@ let getFooter = function(meta, forceColor){
|
|
|
647
695
|
<ul class="wrapper">
|
|
648
696
|
${linkHTML}
|
|
649
697
|
</ul>
|
|
698
|
+
${blockHTML}
|
|
650
699
|
</div>
|
|
651
700
|
</div>
|
|
652
701
|
</div>
|