𝑗𝑢𝑏𝑖𝑙𝑎𝑛𝑑

neocities code snippet

is a little more complicated than the others as you don't want the code to override the css on peoples actual page

styling doesn't show when editing code (for convenience)

'puf' font by middlepot

follow button might not change from 'follow' to 'following' right away but if you refresh it, it'll work

only works if you're using the 'inject code' extension

so when you're editing the snippet, to not override peoples websites you need to copy the text below and paste it in the 'URL filter' box

copy text

now in the code space, paste the following

function addStyleString(str) {
    var node = document.createElement('style');
    node.innerHTML = str;
    document.body.appendChild(node);
}

if(window.location.host.includes('neocities.org')){
var link = document.querySelectorAll("link[rel*='icon']") || document.createElement('link');
for(var i = 0; i < link.length; ++i){
    link[i].type = 'image/x-icon';
    link[i].rel = 'icon';
    link[i].href = 'https://i.imgur.com/qXgw0vj.png';
    document.getElementsByTagName('head')[0].appendChild(link[i])
    document.title = '𝑛𝑒𝑜𝑐𝑖𝑡𝑖𝑒𝑠'
}
	var c = `

@font-face {
font-family: 'puf';
font-weight: normal;
font-style: normal;
src: url('https://dl.dropbox.com/scl/fi/awsz4bomi7ro2p29etl9n/puf-2.otf?rlkey=ygxizoa1fk93pxhioc9z50l4n&dl=0') format('opentype');
}

::-webkit-input-placeholder{color:#cbb0ad !important;font-style:italic}:-moz-placeholder{color:#cbb0ad !important;font-style:italic}::-moz-placeholder{color:#cbb0ad !important;font-style:italic}:-ms-input-placeholder{color:#cbb0ad !important;font-style:italic}

body {
    font-family: 'puf';
    color: #af8f8b;
}

.interior .header-Outro a{
color: #af8f8b;
     }

.interior .header-Outro h2 {
color: #af8f8b;
     }

.interior .header-Outro ul li {
color: #af8f8b;
     }

.nav-tabs>li>a {
     text-transform: lowercase;
     text-decoration:none;
     }

.nav-tabs>li>a:visited{
     text-transform: lowercase;
     text-decoration:none;
     color: #af8f8b;
     }

.nav-tabs>li>a:hover {
     color: #ffc6d3;
     background: #ffffff;
     border:none;
     }

.interior .signup-Form fieldset {
    box-shadow: 2px 2px #ffc6d3;
border:0px;
border-radius:10px;
}

.files .list .upload-Boundary {
border: 3px dashed #fff0f4;
}

.files {
background:#ffffff;
color: #af8f8b;
}

.files .header {
background:#ffffff;
color: #af8f8b;
}

.content-Base {
background:#ffffff;
}

.header-Outro .signup-Form fieldset {
  background:#fff0f4;  
}

.interior .header-Outro .screenshot {
    border:0px;
    }

.header-Outro .signup-Form {
    background:transparent;
    box-shadow: none;
    }

.interior .header-Outro .screenshot {
boarder:0px;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
color: #ffc6d3;
border:none;
}

.interior .header-Outro h1 {
    color: #af8f8b;
    }

.interior .header-Outro .subtitle {
       color: #af8f8b;
    }

.post-comment, post-comment input, button, input, select, textarea {
    background: #ffffff;
    text-transform: lowercase;
    color: #af8f8b;
}

input {
    text-transform: lowercase;
    color: #af8f8b;
}

.col-50 {
text-transform: lowercase;
}

.interior .header-Outro.with-columns .col-66 {
    border:none;
    }

strong {
    font-weight: bold;
    text-transform: lowercase;
}

input[type=text] {
   color: #af8f8b !important;
   border:2px solid #fff0f4;
   border-radius: 10px;
   
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   color: #af8f8b !important;
   border:2px solid #fff0f4;
   border-radius: 10px;
   
}

.btn-Action {
background: #ffc6d3;
font-family: 'puf';
text-transform: lowercase;
transition-duration: 0.8s !important;
box-shadow: 2px 2px #fff0f4;
text-shadow:none;
}

.btn-Action:hover{
background: #fff0f4;
font-family: 'puf';
text-transform: lowercase;
box-shadow: 2px 2px #ffc6d3;
color: #ffc6d3;
text-shadow:none;
}

.news-item {
border:none;
}

h1, h2, h3 {
  font-family: 'puf';
text-transform: lowercase;
}

.int-Logo {
display:none;
}

.header-Base {
    background: #fff0f4;
    border-bottom: 0px solid #e93250
}

.header-Nav a, {
    color: #ffffff !important;
    text-decoration: none;
    background: #ffc6d3 !important;
    text-transform: lowercase;
}

.header-Nav a:hover {
    color: #af8f8b !important;
    text-decoration: none;
    background: #ffc6d3 !important;
    text-transform: lowercase;
}

.header-Nav .dropdown-menu {
    background-color: #ffc6d3;
    box-shadow: 2px 2px #fff0f4;
    border:none;
    text-transform: lowercase;
    min-width: none;
    }

.dropdown-menu {
background-color: #ffc6d3 !important;
border:none;
text-transform: lowercase;
}

.content.misc-page, .misc-page.footer-Content {
           background: #ffffff;
        border:none;
        box-shadow:none;
    }

.col-33 {
       background: #ffffff;
        border:none;
    }

.page {
       background: #ffffff;
       border:none;
    }

.header-Outro {
    background: #ffffff;
     border:none;
     padding:0px;
    }

.interior .header-Outro.with-columns .content, .interior .header-Outro.with-columns .footer-Content {
    background: #ffffff;
    text-transform: lowercase;
    color: #af8f8b;
}

.interior .header-Outro .feed-filter a {
color: #ffc6d3;
}

.header-Nav {
background: #ffc6d3;
border-bottom: 0px solid #92B4BD;
text-transform: lowercase;
}

a {
    color: #af8f8b;
}

.pagination a {
color: #af8f8b;
}

.pagination a:visited{
color: #af8f8b !important;
}

.pagination a:hover{
color: #ffc6d3;
text-decoration:none; 
}

.pagination a:focus{
color: #ffc6d3 !important;
text-decoration:none; 
}

.site-url a {
    color: #ffc6d3;
    text-decoration:none; 
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
}

.site-url a:hover {
    color: #ffc6d3;
    text-decoration:none;
letter-spacing:1px;
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;;
}

.interior .header-Outro .feed-filter a {
    color: #ffc6d3;
    text-decoration:none; 
}

.interior .header-Outro .feed-filter a:hover{
    color: #af8f8b;
    text-decoration:none; 
}

.misc-page.columns a {
    color: #ffc6d3;
    box-shadow:none;
    text-decoration:none; 
    text-transform: lowercase;
}

.misc-page.columns a:visited {
    color: #ffc6d3;
    box-shadow:none;
    text-decoration:none; 
    text-transform: lowercase;
}

.misc-page.columns a:hover {
    color: #af8f8b;
    box-shadow:none;
    text-decoration:none; 
    text-transform: lowercase;
}

.large-portrait{
box-shadow: 2px 2px #ffc6d3;
border:0px;
border-radius:10px;
}

.html-thumbnail.html img {
    box-shadow: none;
border: 2px dashed #ffc6d3;
border-radius:10px;
}

.news-item.update .icon {
    background:transparent;
    }

.news-item.comment .icon {
    background:transparent;
    }

.news-item.follow .icon {
    background:transparent;
    }

.avatar {
        box-shadow: none;
border: 1px solid #ffc6d3;
border-radius:10px;
opacity: 0.7;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.avatar:hover {
        box-shadow: none;
border: 1px solid #ffc6d3;
border-radius:10px;
opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.content.misc-page, .misc-page.footer-Content {
    box-shadow:none;
border:none;}

.news-item .comments .actions, .news-item .comments p {
        color: #af8f8b;
}

.news-item .user {
        color: #ffc6d3 !important;
          text-decoration:none; 
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
}

.news-item .user:hover{
        color: #ffc6d3 !important;
        text-decoration:none;
letter-spacing:1px;
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;;
}

.footer-Content {
    background-color: #ffc6d3 !important;
    }

.footer-Base {
    color: #af8f8b; }

.credits {
    color: #af8f8b;
    text-transform: lowercase; }

.credits a {
    color: #af8f8b;
    text-transform: lowercase; }

aside.footer-Outro {
    display:none;
    }

.footer-Outro a {
    color: #af8f8b;
    text-transform: lowercase; }

a.tag {
        color: #af8f8b !important;
        border-radius:5px;
text-transform: lowercase;
background:#fff0f4;
transition-duration: 0.8s;
    box-shadow: 2px 2px rgba(255,255,255);}

a.tag:visited {
        color: #af8f8b !important;
        border-radius:5px;
text-transform: lowercase;
background:#fff0f4; }

a.tag, a.tag:hover {
        color: #af8f8b !important;
        border-radius:5px;
text-transform: lowercase;
background:#ffc6d3; }

*::-webkit-scrollbar {
  width: 5px;
}
*::-webkit-scrollbar-track {
  background-color: #ffdee6;
  border-radius: 5px;
  border: 1px solid #ffe1e6;
}
*::-webkit-scrollbar-thumb {
  background-color: #fff7f9;
  border-radius: 5px;
  border: 1px solid #ffe1e6;
}
 ::selection {text-shadow: 1px 1px #ffd5e2;color:#b99b98;background: transparent;
 }

.tooltip-inner {background-color:#fff0f4;color:#af8f8b;}

.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff0f4}

`;
    addStyleString(c);
}

copy text

then make a new snippet for user profiles, and paste this code

function addStyleString(str) {
    var node = document.createElement('style');
    node.innerHTML = str;
    document.body.appendChild(node);
}

if(window.location.href.includes('neocities.org/site/')){
var link = document.querySelectorAll("link[rel*='icon']") || document.createElement('link');
for(var i = 0; i < link.length; ++i){
    link[i].type = 'image/x-icon';
    link[i].rel = 'icon';
    link[i].href = 'https://i.imgur.com/qXgw0vj.png';
    document.getElementsByTagName('head')[0].appendChild(link[i])
    document.title = '𝑛𝑒𝑜𝑐𝑖𝑡𝑖𝑒𝑠'
}
	var c = `

body {
    font-family: 'puf';
    color: #af8f8b;
}

.post-comment, post-comment input, button, input, select, textarea {
    background: #ffffff;
    text-transform: lowercase;
    color: #af8f8b;
}

.header-Outro .signup-Form {
    background: transparent;
    box-shadow:none;
    border:none;
    }

.interior .signup-Form fieldset {
        background: #fff0f4;
    border:none;
    box-shadow: 2px 2px #ffc6d3;
    border-radius: 10px;
    }

.interior .header-Outro .screenshot {
        border:none;
    border-radius: 5px;
    }

.interior .header-Outro a {
        color: #af8f8b;
}

.interior .header-Outro .stats span {
    font-size: .9em;
    text-transform: lowercase;
     color: #af8f8b;
    }

.interior .header-Outro .stats strong {
         color: #ffc6d3;
    }