-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathadmin.html
More file actions
3098 lines (2905 loc) · 121 KB
/
admin.html
File metadata and controls
3098 lines (2905 loc) · 121 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!-- v1.6 Readiness:
- Demand stacking ready: primary network + secondary fallback slots
- Header bidding: integrate managed wrapper only after stable traffic (50-100 DAU)
- Engagement gating: unlock secondary placements after Step 2
- Viewability-first: avoid timers, refresh only on navigation
-->
<ul class="micro-proof">
<li>✔ No signup, no accounts, no email</li>
<li>✔ Ads only load on user intent (policy-safe)</li>
<li>✔ Payouts are post-revenue only (no promises)</li>
<li>✔ Works even at very low traffic</li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="robots" content="noindex,nofollow">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>CFAMM + ADMENSION</title>
<meta content="Single-file ad base + stats tracker + ADMENSION link creator." id="metaDesc" name="description"/>
<!-- Google AdSense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5584590642779290"
crossorigin="anonymous"></script>
<style>
:root{
--bg:#0b0a10;--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.66);
--faint:rgba(255,255,255,.45);--line:rgba(255,255,255,.12);
--card:rgba(255,255,255,.06);--accent:#a855f7;--accent2:#22d3ee;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b;
--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.55);--max:1100px;
--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
*{box-sizing:border-box}
body{
margin:0;font-family:var(--font);color:var(--text);
background:
radial-gradient(950px 560px at 18% -10%, rgba(168,85,247,.22), transparent 60%),
radial-gradient(760px 520px at 90% 10%, rgba(34,211,238,.16), transparent 55%),
var(--bg);
padding-bottom:122px;
}
a{color:rgba(255,255,255,.9)}
.wrap{max-width:var(--max);margin:0 auto;padding:12px 12px 78px}
.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
/* Topbar */
.topbar{
position:sticky;top:0;z-index:999;
padding:10px 0 12px;
background:linear-gradient(to bottom, rgba(11,10,16,.94), rgba(11,10,16,.20));
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.08);
}
.topbarInner{max-width:var(--max);margin:0 auto;padding:0 12px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.brand{font-weight:950;display:flex;gap:10px;align-items:center}
.badge{font-family:var(--mono);font-size:11px;border:1px solid rgba(255,255,255,.14);padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.75)}
.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.nav a{
text-decoration:none;
font-weight:900;
font-size:12px;
padding:9px 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.04);
color:rgba(255,255,255,.80);
}
.nav a.active{border-color:rgba(168,85,247,.6);background:rgba(168,85,247,.22);color:rgba(255,255,255,.92)}
.pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04)}
h1{margin:0 0 6px;font-size:clamp(24px,3.1vw,40px)}
h2{margin:0 0 10px;font-size:18px}
.sub{margin:0 0 10px;color:var(--muted)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);padding:11px 14px;border-radius:14px;cursor:pointer;font-weight:950}
.btn.primary{border-color:rgba(168,85,247,.6);background:rgba(168,85,247,.22)}
.btn.danger{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.14)}
.btn.good{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12)}
.mini{font-size:12px;color:var(--faint)}
.divider{height:1px;background:rgba(255,255,255,.08);margin:10px 0}
.stack{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:12px}
.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}
@media(max-width:980px){.col-8,.col-6,.col-4,.col-3{grid-column:span 12}.topbarInner{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start}}
.kpi{display:flex;flex-direction:column;gap:6px}
.kpi b{font-size:22px}
.code{font-family:var(--mono)}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th,.table td{border-bottom:1px solid rgba(255,255,255,.10);padding:8px 6px;text-align:left;color:rgba(255,255,255,.85)}
.table th{color:rgba(255,255,255,.65);font-weight:950}
.progress{display:flex;gap:6px;align-items:center;margin:8px 0}
.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18)}
.dot.on{background:rgba(168,85,247,.55);border-color:rgba(168,85,247,.75)}
.bar{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.barFill{height:100%;width:0%;background:rgba(34,211,238,.35)}
input,select,textarea{background:rgba(0,0,0,.4);border:1px solid var(--line);color:var(--text);padding:10px;border-radius:12px;width:100%}
textarea{min-height:120px}
/* Ad placeholders */
.ad{border:1px dashed rgba(255,255,255,.20);border-radius:16px;min-height:92px;display:flex;align-items:center;justify-content:center;
color:rgba(255,255,255,.45);background:rgba(255,255,255,.03)}
.ad.tall{min-height:260px}
.adLabel{font-family:var(--mono);font-size:12px;opacity:.9}
/* Sticky anchor */
.anchor{position:fixed;left:0;right:0;bottom:0;z-index:9999; padding:10px 10px 12px;
background:linear-gradient(to top, rgba(11,10,16,.92), rgba(11,10,16,.55));backdrop-filter:blur(10px);
border-top:1px solid rgba(255,255,255,.10)}
.anchorInner{max-width:var(--max);margin:0 auto;display:flex;gap:10px;align-items:center}
.anchorLeft{flex:1}
.anchorTitle{font-size:12px;font-weight:950}
.anchorMeta{font-size:11px;color:var(--faint);font-family:var(--mono)}
.anchorAd{flex:2}
canvas{width:100%;height:72px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.02)}
.notice{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:10px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.75);font-size:12px}
.goodNote{border-color:rgba(34,197,94,.35)}
.warnNote{border-color:rgba(245,158,11,.35)}
/* Page wrapper */
.page{display:none}
.page.active{display:block}
/* ===== Support Button (bottom-left) ===== */
.supportFab{
position: fixed;
left: 14px;
bottom: 14px;
z-index: 99999;
display:flex;
gap:10px;
align-items:center;
}
.supportFab .btn{
box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.modalOverlay{
position: fixed; inset:0;
background: rgba(0,0,0,.55);
z-index: 100000;
display:none;
align-items:center;
justify-content:center;
padding: 18px;
}
.modalOverlay.open{ display:flex; }
.modal{
width: min(860px, 100%);
max-height: min(86vh, 820px);
overflow:auto;
border-radius: 16px;
background: rgba(20,20,26,.92);
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 18px 60px rgba(0,0,0,.55);
backdrop-filter: blur(10px);
}
.modalHeader{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
padding: 16px 16px 0 16px;
}
.modalHeader h2{ margin:0; }
.modalBody{ padding: 12px 16px 16px 16px; }
.videoBox{
border-radius: 14px;
overflow:hidden;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.05);
}
.videoMeta{
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
margin-top:10px;
}
.pill{
display:inline-flex;
align-items:center;
gap:6px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
font-size: 12px;
}
.smallRow{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.donateGrid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
}
@media(max-width: 760px){
.donateGrid{ grid-template-columns: 1fr; }
}
.addrBox{
border-radius: 12px;
padding: 10px 12px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.06);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
word-break: break-all;
}
/* ===== v12 Progress Bars (Pool Cap) ===== */
.progressWrap{
margin-top:10px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
padding: 10px 12px;
}
.progressTop{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.progressBar{
height: 12px;
border-radius: 999px;
overflow:hidden;
background: rgba(0,0,0,.35);
border: 1px solid rgba(255,255,255,.10);
margin-top:8px;
}
.progressFill{
height:100%;
width:0%;
background: rgba(110,255,180,.75);
}
/* ===== v12 Support Button (bottom-left) ===== */
.supportFab{
position: fixed;
left: 14px;
bottom: 14px;
z-index: 99999;
display:flex;
gap:10px;
align-items:center;
}
.supportFab .btn{
box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.modalOverlay{
position: fixed; inset:0;
background: rgba(0,0,0,.55);
z-index: 100000;
display:none;
align-items:center;
justify-content:center;
padding: 18px;
}
.modalOverlay.open{ display:flex; }
.modal{
width: min(860px, 100%);
max-height: min(86vh, 820px);
overflow:auto;
border-radius: 16px;
background: rgba(20,20,26,.92);
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 18px 60px rgba(0,0,0,.55);
backdrop-filter: blur(10px);
}
.modalHeader{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
padding: 16px 16px 0 16px;
}
.modalHeader h2{ margin:0; }
.modalBody{ padding: 12px 16px 16px 16px; }
.videoBox{
border-radius: 14px;
overflow:hidden;
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.05);
}
.videoMeta{
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
margin-top:10px;
}
.pill{
display:inline-flex;
align-items:center;
gap:6px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
font-size: 12px;
}
.smallRow{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:10px;
}
.donateGrid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
}
@media(max-width: 760px){
.donateGrid{ grid-template-columns: 1fr; }
}
.addrBox{
border-radius: 12px;
padding: 10px 12px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.06);
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
word-break: break-all;
}
/* ===== Sponsor Side Stickies (hideable) ===== */
.sideSponsorWrap{position:fixed;top:120px;z-index:9998;max-width:260px;width:240px;pointer-events:auto}
.sideSponsorWrap.left{left:14px}
.sideSponsorWrap.right{right:14px}
.sideSponsorWrap .ad{min-height:160px}
.sideSponsorWrap .sideHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sideSponsorWrap .sideHead .mini{opacity:.85}
.sideSponsorWrap .sideClose{border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:rgba(255,255,255,.85);border-radius:10px;padding:4px 8px;cursor:pointer}
.sideSponsorTab{position:fixed;top:160px;z-index:9998;pointer-events:auto}
.sideSponsorTab.left{left:8px}
.sideSponsorTab.right{right:8px}
.sideSponsorTab button{border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:rgba(255,255,255,.85);border-radius:999px;padding:8px 10px;cursor:pointer}
@media(max-width:1100px){
.sideSponsorWrap,.sideSponsorTab{display:none !important;}
}
/* ===== Side Sponsored Stickies ===== */
.sideSticky{
position:fixed;
top:104px;
width:200px;
z-index:9999;
border:1px solid rgba(255,255,255,0.10);
background:rgba(12,12,16,0.86);
backdrop-filter: blur(10px);
border-radius:14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.45);
overflow:hidden;
}
.sideLeft{ left:16px; }
.sideRight{ right:16px; }
.sideHead{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 10px 8px;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.sideTitle{ font-size:12px; opacity:0.9; }
.sideHide{
border:none;
background:rgba(255,255,255,0.07);
color:#fff;
width:26px;height:26px;
border-radius:10px;
cursor:pointer;
}
.sideBody{
padding:10px;
min-height:110px;
display:flex;
align-items:center;
justify-content:center;
}
.sideBody .adLabel{ text-align:center; opacity:0.95; }
.sideTab{
position:fixed;
top:140px;
z-index:9999;
}
.sideTabLeft{ left:10px; }
.sideTabRight{ right:10px; }
.sideShow{
border:1px solid rgba(255,255,255,0.12);
background:rgba(12,12,16,0.78);
color:#fff;
padding:10px 12px;
border-radius:14px;
cursor:pointer;
box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
/* Hide side stickies on small screens */
@media (max-width: 720px){
.sideSticky,.sideTab{ display:none !important; }
}
/* ===== /Side Sponsored Stickies ===== */
/* ===== Floating Action Buttons ===== */
.fab{
position:fixed;
bottom:18px;
z-index:9999;
border:1px solid rgba(255,255,255,0.14);
background:rgba(12,12,16,0.80);
color:#fff;
padding:10px 14px;
border-radius:16px;
cursor:pointer;
box-shadow: 0 10px 30px rgba(0,0,0,0.45);
font-weight:600;
font-size:13px;
display:flex;
align-items:center;
gap:10px;
}
.fab .fabDot{
width:8px;height:8px;border-radius:50%;
background:rgba(255,255,255,0.65);
box-shadow: 0 0 14px rgba(255,255,255,0.35);
}
.fab:active{ transform: translateY(1px); }
.fab-eve{
right:18px;
}
/* Push up above sticky anchor ad if present */
.hasStickyAnchor .fab{ bottom:64px; }
/* Mobile safety: keep visible but small */
@media (max-width: 520px){
.fab{ padding:9px 12px; font-size:12px; }
}
/* ===== /Floating Action Buttons ===== */
/* ===== RPM Optimization Layer (v1.1) ===== */
.reveal{ opacity:0; transform: translateY(4px); transition: opacity .35s ease, transform .35s ease; }
.reveal.on{ opacity:1; transform: translateY(0); }
.softLock{ pointer-events:none; opacity:.72; }
.tooltipPill{
display:inline-flex; align-items:center; gap:8px;
border:1px solid rgba(255,255,255,0.14);
background:rgba(12,12,16,0.55);
padding:8px 10px;
border-radius:14px;
}
/* ===== /RPM Optimization Layer ===== */
/* ===== ADV_PUB_STACK v1.2 ===== */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.pillRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pill{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(12,12,16,.45)}
.kpi{font-size:28px;font-weight:800}
.kpiSub{opacity:.82;font-size:12px;margin-top:2px}
.hr{height:1px;background:rgba(255,255,255,.10);margin:12px 0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
/* ===== /ADV_PUB_STACK v1.2 ===== */
</style>
<style id="route-guard">
/* v1.6.2 Route Guard */
.page { display:none; }
.page.active { display:block; }
/* HOME strict mode */
#page-home .home-only { display:block; }
#page-home .not-home { display:none !important; }
</style>
<style>
/* Route Guard */
.page{display:none;}
.page.active{display:block;}
</style>
<script>
(function(){
const K = {
pv:'cfamm_pv', ses:'cfamm_sessions', steps:'cfamm_steps', ads:'cfamm_ads',
byDay:'cfamm_byDay'
};
const nowDay = new Date().toISOString().slice(0,10);
const inc=(k,n=1)=>localStorage.setItem(k,(+localStorage.getItem(k)||0)+n);
const byDay = JSON.parse(localStorage.getItem(K.byDay)||'{}');
byDay[nowDay]=byDay[nowDay]||{pv:0,ads:0};
// pageview on load
inc(K.pv,1); byDay[nowDay].pv++;
localStorage.setItem(K.byDay, JSON.stringify(byDay));
// session
if(!sessionStorage.getItem('cfamm_s')){ inc(K.ses,1); sessionStorage.setItem('cfamm_s','1'); }
// simple ad-intent counter
document.addEventListener('click',e=>{
if(e.target.closest('.ad')){ inc(K.ads,1); byDay[nowDay].ads++; localStorage.setItem(K.byDay, JSON.stringify(byDay)); }
});
// Context skins (high-intent)
const skins={
default:{name:'Default',keywords:['tools','docs']},
tax:{name:'Tax & Compliance',keywords:['tax','payroll','compliance','CRA','IRS']},
security:{name:'Security & Privacy',keywords:['vpn','security','encryption','privacy']}
};
const skin = localStorage.getItem('cfamm_skin')||'default';
document.documentElement.setAttribute('data-skin', skin);
// Geo-tier stub (replace later)
const geoTier = localStorage.getItem('cfamm_geo')||'T1';
document.documentElement.setAttribute('data-geo', geoTier);
})();
</script>
<!-- ADMENSION Revenue System (synced with index.html) -->
<script src="./src/admin-auth.js"></script>
<script src="./src/consent.js"></script>
<script src="./src/ad-loader.js"></script>
<script src="./src/ads-config.js"></script>
<script src="./src/ad-impression-validator.js"></script>
<script src="./src/event-collector.js"></script>
<script src="./src/daily-quotes.js"></script>
<script src="./src/anti-abuse-system.js"></script>
<script src="./src/engagement-system.js"></script>
<script src="./src/page-validator.js"></script>
</head>
<body>
<script>(function(){if(!location.hash||location.hash==="#"){location.hash="#admin";}})();</script>
<!-- =========================
AD NETWORK SCRIPT HERE
Paste ONLY scripts/markup your ad provider gives you.
Do NOT auto-refresh ads or incentivize clicks.
========================= -->
<header class="topbar">
<div class="topbarInner">
<div class="brand">
◼ CFAMM + ADMENSION <span class="badge" id="bVer">v1.2 Advanced Publisher Stack</span>
</div>
<nav class="nav" id="nav">
<a data-page="home" href="index.html">Home</a>
<a data-page="stats" href="stats.html">Stats</a>
<a data-page="create" href="create.html">Create</a>
<a data-page="manage" href="manage.html">Manage</a>
<a data-page="docs" href="docs.html">Docs</a>
<a data-page="admin" href="admin.html">Admin</a>
</nav>
</div>
</header>
<div class="wrap">
<div class="pills" style="margin-bottom:10px">
<span class="pill" id="pillPage">page=—</span>
<span class="pill" id="pillStep">s=1/3</span>
<span class="pill" id="pillDev">dev=—</span>
<span class="pill" id="pillPv">pv=—</span>
<span class="pill" id="pillAds">adsShown=—</span>
<span class="pill" id="pillScore">score=—</span>
<span class="pill" id="pillAdm">adm=—</span>
</div>
<!-- ===== PAGE: HOME ===== -->
<section class="page" id="page-home">
<section class="card">
<h1>The Only Link Shortener That Pays You — Automatically</h1>
<p class="sub">No signup. No dashboard. No referrals. Share a link → people browse → ads run → revenue is pooled and distributed.</p>
<div class="notice goodNote">
<b>How it works (10 seconds):</b><br/>
1) Share your link<br/>
2) Visitors browse naturally (no timers, no tricks)<br/>
3) Ads earn revenue<br/>
4) Pool + proportional payout (only after real settlement)<br/>
<b>No revenue = no payout.</b>
</div>
<div class="row" style="gap:10px; margin-top:10px">
<a class="btn" href="docs.html">Read the Docs</a>
<a class="btn" href="stats.html">View Transparency Stats</a>
<a class="btn" href="admin.html">Admin</a>
</div>
<div class="divider"></div>
<div class="ad"><div class="adLabel">HOME — Top Banner</div></div>
<div class="divider"></div>
<h2>Try it (demo flow)</h2>
<p class="sub">Use the buttons below to run the 3-step flow. This increases pages/session via <b>user intent</b> (policy-safe).</p>
<div class="notice warnNote" style="margin-top:10px">
Reminder: <b>Do not</b> add timer-based ad refresh. Only refresh/change on user intent (route / step).
</div>
<h2>3-step flow</h2>
<p class="sub">Use the buttons below to cycle steps (creates controlled PV/session without auto-refresh).</p>
<div class="progress">
<div class="dot" id="d1"></div><div class="dot" id="d2"></div><div class="dot" id="d3"></div>
<div class="bar"><div class="barFill" id="barFill"></div></div>
<span class="mini" id="stepText">Step 1 of 3</span>
</div>
<div class="row" id="choiceRow">
<button class="btn primary" id="btnChoiceA">Option A</button>
<button class="btn" id="btnChoiceB">Option B</button>
<span class="mini code" id="choiceHint">labels utm_content</span>
</div>
<div class="row" style="margin-top:10px">
<button class="btn primary" id="btnNext">Next</button>
<button class="btn" id="btnSeed">New Seed</button>
<button class="btn" id="btnCopy">Copy Share Link</button>
</div>
<div class="divider"></div>
<div class="notice warnNote">
<b>Reminder:</b> Do not add timer-based refresh. Only refresh ads on user intent (page/nav/step).
</div>
</section></section><section class="page" id="page-create"><section class="card"><h1>Create</h1><p class="sub">Create a share link in this browser (signup‑free).</p></section><div class="ad" id="createRail"><div class="adLabel">CREATE — Desktop Rail</div></div></section><section class="page" id="page-manage"><section class="card"><h1>Manage</h1><p class="sub">View links created in this browser and manage local data.</p><pre class="codebox" id="admList">—</pre></section><div class="ad" id="manageRail"><div class="adLabel">MANAGE — Desktop Rail</div></div></section><section class="page" id="page-docs">
<section class="card">
<h1>Docs</h1>
<p class="sub"><b>Idiot-proof, blunt, and accurate.</b> If you read this page, you understand the whole system.</p>
<div class="stack">
<div class="card col-12"><div class="ad"><div class="adLabel">DOCS — Top Banner</div></div></div>
<div class="card col-8">
<h2>1) What this is (in one sentence)</h2>
<div class="notice goodNote">
<b>CFAMM</b> is a <b>signup-free</b> link shortener + browsing flow that earns ad revenue,
then (optionally) shares a fixed portion via a transparent pool model.
<br/><br/>
<b>Share link → people browse → ads earn → revenue settles → pool is funded → payout is proportional.</b>
</div>
<h2>2) The only rule that matters</h2>
<div class="notice warnNote">
<b>No revenue = no payout.</b><br/>
Ads must earn money <i>and</i> the ad network must pay out for the month before any pool distribution can exist.
Anything else is fantasy.
</div>
<h2>3) How payouts actually work (simple math)</h2>
<div class="notice">
<div style="line-height:1.55">
<b>Pool</b> = min( monthly_cap , received_revenue_this_month × pool_percent )<br/>
<b>Your share</b> = your_units ÷ total_units<br/>
<b>Your payout</b> = pool × your_share<br/><br/>
<b>Units are NOT dollars.</b> Units are just a contribution counter used to compute percentages.
The pool is funded <b>after</b> revenue exists.
</div>
</div>
<h2>4) What’s real vs. what’s local (important)</h2>
<div class="notice">
<b>Local (this browser only):</b>
<ul>
<li>Stats, projections, sponsor schedules, monthly summaries</li>
<li>Admin settings (PIN unlock), density toggles, context skins</li>
</ul>
<b>Real-world (requires deployment + ad network):</b>
<ul>
<li>Actual ad revenue</li>
<li>Actual settlement totals</li>
<li>Actual sponsor payments</li>
</ul>
<div class="divider"></div>
This file is intentionally designed so you can test flow and UX safely without pretending revenue is real.
</div>
<h2>5) Policy safety (how we avoid bans)</h2>
<div class="notice goodNote">
This build is designed to stay within ad-network rules:
<ul>
<li><b>No auto-refresh timers</b> for ads</li>
<li><b>No incentivized clicks</b> (no “click to earn”, no “watch to earn”)</li>
<li>Ads refresh only on <b>user intent</b> (navigation / step change)</li>
<li>Support modal is optional and <b>not tied to rewards</b></li>
</ul>
If you break these rules, you risk losing the ad account. Don’t.
</div>
<h2>6) Why this can earn even at low traffic (10–250 DAU)</h2>
<div class="notice">
Most sites die at low traffic because they have low intent and low session depth.
CFAMM focuses on:
<ul>
<li><b>High-intent framing</b> (calculator / estimator / reference contexts)</li>
<li><b>Session depth</b> via legitimate “next step” routes</li>
<li><b>High viewability</b> (anchor + side inventory stays visible)</li>
<li><b>Sponsors</b> that buy presence, not volume</li>
</ul>
Low traffic won’t make you rich — but it can still be worth running.
</div>
<h2>7) Context Skins (how to raise CPM without changing layout)</h2>
<div class="notice">
Context Skins change <b>title/meta/copy</b> so different advertiser auctions compete.
Same layout. Same ads. Better bids.
<ul>
<li><b>Calculator</b>: utility intent</li>
<li><b>Estimator</b>: decision intent</li>
<li><b>Reference</b>: authority intent</li>
<li><b>Checklist / 2026</b>: urgency/recency signals</li>
</ul>
Tip: clones across multiple domains/paths compound this effect.
</div>
<h2>8) Geo Tier Density (why we hide ads for low-value traffic)</h2>
<div class="notice">
Some traffic is low-CPM. Overserving it hurts RPM overall.
Geo Tier Density lets you render fewer placements for Tier-3 while keeping Tier-1 premium.
<ul>
<li><b>Tier‑1</b>: full inventory</li>
<li><b>Tier‑2</b>: balanced</li>
<li><b>Tier‑3</b>: light (protects RPM)</li>
</ul>
</div>
<h2>9) Sponsored Stickies (the low-DAU income hack)</h2>
<div class="notice goodNote">
Sponsors buy <b>72 hours</b> of visibility — not clicks and not promises.
This works even at low DAU because it’s “presence” inventory.
<div class="divider"></div>
<b>Suggested tiers (same layout, different coverage):</b>
<ul>
<li><b>Base</b>: one sticky slot</li>
<li><b>Plus</b>: sticky + one additional placement</li>
<li><b>Premium</b>: sticky + all contexts (Calculator/Estimator/Reference)</li>
</ul>
Always keep language neutral: “placement / visibility”, never “guaranteed results”.
</div>
<h2>10) Demand stacking + header bidding (when you’re ready)</h2>
<div class="notice warnNote">
This file is <b>ready</b> for demand stacking, but it is not included by default.
<ul>
<li>Start with <b>one</b> ad network until stable traffic</li>
<li>Add a fallback network if fill is weak</li>
<li>Only consider managed header bidding after you have steady usage and clean policy history</li>
</ul>
Header bidding can lift RPM, but it adds complexity. Don’t rush it.
</div>
<h2>11) Quick start checklist (deploy)</h2>
<div class="notice">
<ol>
<li>Host the file on static hosting (anywhere)</li>
<li>Replace placeholder ad blocks with your network tags</li>
<li>Keep <b>no timers</b>, <b>no incentives</b>, <b>navigation only</b></li>
<li>Use Admin to tune density + context skins</li>
<li>Track outcomes with real analytics (optional)</li>
</ol>
</div>
<h2>12) FAQ (common confusion)</h2>
<div class="notice">
<b>Q: Do I need an account?</b><br/>
A: No. This build is signup-free by design.<br/><br/>
<b>Q: Are payouts guaranteed?</b><br/>
A: No. Payouts exist only after real revenue settles.<br/><br/>
<b>Q: Can I refresh ads automatically?</b><br/>
A: Don’t. It’s one of the fastest ways to get banned.<br/><br/>
<b>Q: What matters most at low traffic?</b><br/>
A: Session depth, viewability, context quality, and sponsors.
</div>
</div>
<div class="card col-4">
<h2>Fast navigation</h2>
<div class="notice">
<ul style="margin:0; padding-left:18px; line-height:1.6">
<li><a data-docjump="what" href="docs.html">What it is</a></li>
<li><a data-docjump="payouts" href="docs.html">Payout math</a></li>
<li><a data-docjump="policy" href="docs.html">Policy safety</a></li>
<li><a data-docjump="lowdau" href="docs.html">Low DAU strategy</a></li>
<li><a data-docjump="sponsor" href="docs.html">Sponsors</a></li>
<li><a data-docjump="stacking" href="docs.html">Demand stacking</a></li>
<li><a data-docjump="deploy" href="docs.html">Deploy checklist</a></li>
</ul>
</div>
<div class="divider"></div>
<h2>Non-negotiables</h2>
<div class="notice warnNote">
<ul style="margin:0; padding-left:18px; line-height:1.6">
<li>No auto-refresh timers</li>
<li>No incentivized clicking</li>
<li>No “watch to earn”</li>
<li>User-intent navigation only</li>
</ul>
</div>
<div class="divider"></div>
<div class="ad tall"><div class="adLabel">DOCS — Desktop Rail</div></div>
</div>
</div>
</section>
<div class="ad" id="docsRail"><div class="adLabel">DOCS — Desktop Rail</div></div></section><section class="page" id="page-stats"><section class="card"><h1>Transparency Stats</h1><p class="sub">Local transparency counters (for optimization only).</p><div class="grid kpis"><div class="kpi"><div class="mini">Sessions (24h)</div><div class="big" id="k_sessions_24">—</div></div><div class="kpi"><div class="mini">Pageviews (24h)</div><div class="big" id="k_pv_24">—</div></div><div class="kpi"><div class="mini">Ads shown (24h)</div><div class="big" id="k_ads_24">—</div></div><div class="kpi"><div class="mini">Ads/PV (24h)</div><div class="big" id="k_apv_24">—</div></div><div class="kpi"><div class="mini">Sessions (7d)</div><div class="big" id="k_sessions_7">—</div></div><div class="kpi"><div class="mini">Pageviews (7d)</div><div class="big" id="k_pv_7">—</div></div><div class="kpi"><div class="mini">PV/session (7d)</div><div class="big" id="k_pvps_7">—</div></div><div class="kpi"><div class="mini">Desktop share</div><div class="big" id="k_desktop">—</div></div><div class="kpi"><div class="mini">Reached Step 3</div><div class="big" id="k_step3">—</div></div><div class="kpi"><div class="mini">Top source</div><div class="big" id="k_topsrc">—</div></div></div></section></section><section class="page" id="page-admin">
<section class="card">
<h1>Admin</h1>
<p class="sub">Local controls, sponsor scheduling, and safety notes. Admin actions require your admin PIN.</p>
<div class="divider"></div>
<h2>Projection + last-month inputs (local)</h2>
<div class="notice">
Because payouts are not known until the end of the month, the progress bars use <b>projected month revenue</b>.
After settlement, fill “Last month summary (latest settlement)” to show real outcomes.
</div>
<div class="stack" style="margin-top:10px">
<div class="col-6">
<label class="mini">Projected month revenue (USD)</label>
<input id="projRevMonth" min="0" step="1" type="number" value="0"/>
<div class="mini">Planning-only estimate for the current month.</div>
</div>
<div class="col-6">
<label class="mini">Projected sponsored slots sold / month</label>
<input id="slotsMonth" min="0" step="1" type="number" value="10"/>
<div class="mini">Conservative default. Planning only.</div>
</div>
</div>
<div class="stack" style="margin-top:10px">
<div class="col-6">
<label class="mini">Last month received revenue (USD)</label>
<input id="lastRev" min="0" step="1" type="number" value="0"/>
</div>
<div class="col-6">
<label class="mini">Last month total units counted</label>
<input id="lastUnits" min="0" step="1" type="number" value="0"/>
</div>
</div>
<div class="row" style="margin-top:10px">
<button class="btn good" id="btnSaveProjLast">Save projection + last-month</button>
</div>
<div class="divider"></div>
</section></section></div>
<div class="card col-4" id="homeRail">
<div class="divider"></div>
<div class="ad rail"><div class="adLabel">HOME — Desktop Rail</div></div>
<div class="divider"></div>
<div class="divider"></div>
<div class="ad tall"><div class="adLabel">HOME — In-Content Tall (engagement-gated elsewhere)</div></div>
<div class="divider"></div>
<div class="ad"><div class="adLabel">HOME — Footer Banner</div></div>
<!-- ===== PAGE: DOCS ===== -->
</div>
<div class="card col-8">
<h2><span class="not-home">Admin unlock</span></h2>
<div class="notice warnNote">
Admin features are locked so random visitors can’t mess with local data.
Click <b>Unlock</b> and enter your <b>admin PIN</b> to use sponsor controls and reset.
</div>
<div class="row" style="margin-top:10px">
<button class="btn primary" id="btnAdminUnlock">Unlock</button>
<span class="badge" id="adminStatus">locked</span>
</div>
<div class="divider"></div>
<h2><span class="not-home">Sponsored sticky</span> (72-hour) manager</h2>
<div class="notice goodNote">
<b>Hard limits:</b> 90 days ahead, 72 hours each, ≤9 per window, ≤270 total scheduled in horizon.
</div>
<div class="stack" style="margin-top:10px">
<div class="col-6">
<label class="mini">Sponsor title</label>
<input id="spTitle" placeholder="Sponsor name"/>
</div>
<div class="col-6">
<label class="mini">Sponsor URL</label>
<input id="spUrl" placeholder="https://..."/>
</div>
<div class="col-4">
<label class="mini">Chain</label>
<select id="spChain">
<option value="TRON">TRON</option>
<option value="ETH">ETH</option>
<option value="BTC">BTC</option>
</select>
</div>
<div class="col-4">
<label class="mini">Price (USD)</label>
<input id="spPrice" min="0" step="1" type="number" value="50"/>
</div>
<div class="col-4">
<label class="mini">Start (UTC)</label>
<input id="spStart" placeholder="YYYY-MM-DDTHH:MM"/>
</div>
<div class="col-12 row">
<button class="btn good" id="spAdd">Add 72h Sponsor (Base / Plus / Premium)</button>
<button class="btn" id="spExport">Export Sponsors</button>
<label class="btn" style="cursor:pointer">
Import Sponsors
<input accept="application/json" id="spImport" style="display:none" type="file"/>
</label>
</div>
</div>
<div class="notice" style="margin-top:10px">
<b>How start time works:</b> You provide a start time; the system auto-sets end time = start + 72h.
Use UTC format to avoid timezone confusion. If blank, it uses “now rounded up to next hour”.
</div>
<div class="divider"></div>
<h2>Scheduled sponsors (local)</h2>
<div class="notice" id="spList">—</div>
<div class="row" style="margin-top:10px">
<button class="btn danger" id="spClearExpired">Remove expired</button>
<button class="btn danger" id="spClearAll">Clear ALL sponsors (PIN)</button>
</div>
<div class="divider"></div>
<h2>Reset (PIN)</h2>
<button class="btn danger" id="btnReset">Reset Stats & Links (PIN)</button>
<p class="mini">This clears data for this browser only.</p>
<div class="divider"></div>
<div class="divider"></div>
<h2><span class="not-home">Monthly summaries</span> (history)</h2>
<div class="notice">
Add up to 3+ monthly settlement summaries. Once there are <b>3 saved monthly summaries</b>, the system switches the pool cap to <b>$100,000/month</b> for future projections.
</div>
<div class="stack" style="margin-top:10px">
<div class="col-6">
<label class="mini">Summary month (YYYY-MM)</label>
<input id="sumMonth" placeholder="2026-01" type="text"/>
<div class="mini">Use the month that just settled.</div>
</div>
<div class="col-6">
<label class="mini">Received revenue (USD)</label>
<input id="sumRev" min="0" step="1" type="number" value="0"/>
</div>
</div>
<div class="stack" style="margin-top:10px">
<div class="col-6">
<label class="mini">Total units counted</label>
<input id="sumUnits" min="0" step="1" type="number" value="0"/>
</div>
<div class="col-6">
<label class="mini">Notes (optional)</label>
<input id="sumNote" placeholder="AdSense paid on..." type="text"/>
</div>
</div>
<div class="row" style="margin-top:10px">
<button class="btn good" id="btnAddSummary">Add/Update summary</button>
<button class="btn" id="btnExportSummaries">Export summaries</button>
<button class="btn" id="btnImportSummaries">Import summaries</button>
</div>
<div class="card" style="margin-top:12px">
<h3 style="margin-top:0">Saved summaries</h3>
<div class="mini">Shown newest → oldest.</div>
<div class="mini" id="sumList" style="margin-top:8px">—</div>
</div>
<h2><span class="not-home">Compliance basics</span> (don’t get banned)</h2>
<div class="notice warnNote">
• Don’t auto-refresh ads on timers.<br>
• Don’t incentivize clicks or tie “earnings” to ad interaction.<br>
• Refresh/change ad slots only on user intent (route/step).<br>
• <span class="not-home">Sponsored sticky</span> must be labeled.<br>
</br></br></br></br></div>
</div>
<div class="card col-4" id="adminRail">
<div class="ad tall"><div class="adLabel">ADMIN — Desktop Rail</div></div>
</div>
<div class="card col-12"><div class="ad tall"><div class="adLabel">ADMIN — In-Content Tall</div></div></div>
<div class="card col-12" style="margin-top:14px">
<h2>Ad Funnel & Processing (How revenue happens)</h2>
<div class="small" style="opacity:.9;margin-top:-6px">
This page explains the ad flow in plain language. This is a <b>static</b> single-file build: it shows placeholders and logs user-intent navigation.
Real ad revenue is created only when you publish with a real ad provider and follow their policies.
</div>
<h3 style="margin-top:14px">1) The funnel (why the site earns)</h3>
<ul class="tight">
<li><b>Traffic enters</b> via a share link (UTMs / referrer) or direct visit.</li>
<li><b>Users navigate by intent</b> through a short step flow (no timed refresh). Each step is a separate view event.</li>
<li><b>Each view exposes ad inventory</b> (banner/rail/in-content + sticky anchor). More legitimate views = more legitimate impressions.</li>
<li><b>Stats are logged locally</b> (pageviews, sessions, step reach, device share, ads shown). These help you optimize PV/session.</li>
</ul>
<h3 style="margin-top:14px">2) Ad inventory on the site</h3>
<ul class="tight">
<li><b>Top Banner</b> — primary above-the-fold placement.</li>
<li><b>Desktop Rail</b> — visible on larger screens (hidden on mobile).</li>
<li><b>In‑Content (Tall)</b> — mid/late scroll placement.</li>
<li><b>Sticky Anchor (bottom)</b> — persistent, always-visible (policy-safe when not outcome-linked and not forcibly gated).</li>
<li><b>Side Stickies (optional)</b> — left + right sponsored slots. Hideable by the user; reappear on refresh.</li>
</ul>
<h3 style="margin-top:14px">3) What this build logs vs what an ad network pays</h3>
<ul class="tight">
<li><b>This build logs:</b> view counts, session count, step flow reach, estimated “ads shown”, top UTM, device share.</li>
<li><b>Ad networks pay:</b> based on measurable impressions / viewability / fill rate / geography / advertiser demand.</li>
<li><b>Important:</b> this app never claims guaranteed earnings. It shows planning math and transparent counters.</li>
</ul>
<h3 style="margin-top:14px">4) Policy safety (why we avoid refresh spam)</h3>
<ul class="tight">
<li>No auto-refresh timers. Impressions happen through user intent (navigation/steps).</li>
<li>No “watch ads to win” language. Ads are not tied to outcomes.</li>
<li>Optional hide controls exist for side placements (user control).</li>
<li>Neutral wording: “sponsored” and “disclosed odds / demo mode” style language only.</li>
</ul>
</div>
<div class="card col-12" style="margin-top:14px">
<h2>72‑Hour Sponsored Stickies (Paid Rotation)</h2>
<div class="small" style="opacity:.9;margin-top:-6px">
Sponsors are scheduled in <b>72 hour windows</b>. A window can contain up to <b>9 sponsors</b>. This UI can display up to <b>3 at a time</b> (bottom + left + right),
rotating by user navigation (not timers).
</div>
<h3 style="margin-top:14px">How sponsors are selected</h3>
<ul class="tight">
<li>Only sponsors within their active 72h window are eligible.</li>
<li>We pick up to 3 unique active sponsors per view cluster.</li>
<li>Rotation changes on user intent (page/step changes), never on time.</li>
</ul>
<h3 style="margin-top:14px">If no sponsors are booked</h3>
<ul class="tight">
<li>The side stickies fall back to normal ad inventory labels (Desktop Rail / In‑Content Tall) so premium positions still show revenue‑earning placements.</li>
<li>The permanent bottom sticky remains available as the anchor placement.</li>
</ul>
<h3 style="margin-top:14px">Sponsor quality rules</h3>
<ul class="tight">
<li>No malware, scams, or deceptive links.</li>
<li>No promise-based wording (“guaranteed payout”, “risk-free”, etc.).</li>
<li>Sponsors can be removed if abusive or policy-risky.</li>
</ul>
</div>
<div class="card col-12" style="margin-top:14px">
<h2>ADMENSION Pool Math (Transparent, post‑revenue)</h2>
<ul class="tight">