commit 78232355b1ec1bccbd5b381158a2c3ec2e55fc42 · veryroundbird.house/smallbird-social

+5

.env.example

···

       1
       +
       AUTH_ACCOUNT=

     

       2
       +
       AUTH_KEYTYPE=

     

       3
       +
       AUTH_PUBKEY=

     

       4
       +
       AUTH_PRIVKEY_HEX=

     

       5
       +
       AUTH_PRIVKEY_MULTI=

+7

README.md

···

       16
        
       

     

       17
        
       maybe! i'm not sure if i can or will go for 100% feature parity but i'm going to try my darndest

     

       18
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       19
        
       ## suppose i am someone who wanted to install this

     

       20
        
       

     

       21
        
       ok wowee!! just so you know this isn't fully cooked yet so there's a lot of features missing. there's a lot of stuff that goes into one of these things as it turns out. but if you really want to:

···

       16
        
       

     

       17
        
       maybe! i'm not sure if i can or will go for 100% feature parity but i'm going to try my darndest

     

       18
        
       

     

       19
       +
       ## thanks to

     

       20
       +
       

     

       21
       +
       * [constellation](https://constellation.microcosm.blue) and [slingshot](https://slingshot.microcosm.blue) for a lot of data fetching to reduce load on PDS + dependence on bsky.app

     

       22
       +
       * [plc.directory](https://plc.directory) for plc lookups

     

       23
       +
       * [pdsls.dev](https://pdsls.dev) for helping me figure out what API endpoints to call from the network tab

     

       24
       +
       * [red dwarf](https://reddwarf.whey.party) for being inspirational

     

       25
       +
       

     

       26
        
       ## suppose i am someone who wanted to install this

     

       27
        
       

     

       28
        
       ok wowee!! just so you know this isn't fully cooked yet so there's a lot of features missing. there's a lot of stuff that goes into one of these things as it turns out. but if you really want to:

+2

config.php

···

       5
        
       define('DEFAULT_PDS', "https://bsky.social");

     

       6
        
       define('SLINGSHOT_INSTANCE', "https://slingshot.microcosm.blue");

     

       7
        
       define('CONSTELLATION_INSTANCE', "https://constellation.microcosm.blue");

     

       0
        
       
     

       8
        
       define('PRETTY_URLS', false);

     

       9
        
       define('FRONTPAGE_FEED', "at://did:plc:ffkgesg3jsv2j7aagkzrtcvt/app.bsky.feed.generator/aaagllxbcbsje");

     

       10
        
       define('FAVORITE_FEEDS', [ // list of feeds you want to display in the sidebar to users not logged in

     

       11
        
         

     

       12
        
       ]);

     

       13
        
       define('DEFAULT_THEME', "catppuccin");

     

       0
        
       
     

       14
        
       define('SSL_CERT_PATH', '');

     

       15
        
       ?>

···

       5
        
       define('DEFAULT_PDS', "https://bsky.social");

     

       6
        
       define('SLINGSHOT_INSTANCE', "https://slingshot.microcosm.blue");

     

       7
        
       define('CONSTELLATION_INSTANCE', "https://constellation.microcosm.blue");

     

       8
       +
       define('PLC_DIRECTORY', "https://plc.directory");

     

       9
        
       define('PRETTY_URLS', false);

     

       10
        
       define('FRONTPAGE_FEED', "at://did:plc:ffkgesg3jsv2j7aagkzrtcvt/app.bsky.feed.generator/aaagllxbcbsje");

     

       11
        
       define('FAVORITE_FEEDS', [ // list of feeds you want to display in the sidebar to users not logged in

     

       12
        
         

     

       13
        
       ]);

     

       14
        
       define('DEFAULT_THEME', "catppuccin");

     

       15
       +
       define('DEFAULT_FONT', "recursive");

     

       16
        
       define('SSL_CERT_PATH', '');

     

       17
        
       ?>

+46

css/_partials/_fonts.scss

···

       1
       +
       @font-face {

     

       2
       +
         font-family: 'Alegreya';

     

       3
       +
         font-weight: normal;

     

       4
       +
         font-style: normal;

     

       5
       +
         src: url(@fonts/alegreyasc-regular-webfont.woff2) format('woff2');

     

       6
       +
       }

     

       7
       +
       

     

       8
       +
       @font-face {

     

       9
       +
         font-family: 'Alegreya';

     

       10
       +
         font-weight: bold;

     

       11
       +
         font-style: normal;

     

       12
       +
         src: url(@fonts/alegreyasc-bold-webfont.woff2) format('woff2');

     

       13
       +
       }

     

       14
       +
       

     

       15
       +
       @font-face {

     

       16
       +
         font-family: 'Alegreya';

     

       17
       +
         font-weight: normal;

     

       18
       +
         font-style: italic;

     

       19
       +
         src: url(@fonts/alegreyasc-italic-webfont.woff2) format('woff2');

     

       20
       +
       }

     

       21
       +
       

     

       22
       +
       @font-face {

     

       23
       +
         font-family: 'Alegreya';

     

       24
       +
         font-weight: bold;

     

       25
       +
         font-style: italic;

     

       26
       +
         src: url(@fonts/alegreyasc-bolditalic-webfont.woff2) format('woff2');

     

       27
       +
       }

     

       28
       +
       

     

       29
       +
       @font-face {

     

       30
       +
         font-family: 'Geometria';

     

       31
       +
         font-weight: normal;

     

       32
       +
         font-style: normal;

     

       33
       +
         src: url(@fonts/geometria-webfont.woff2) format('woff2');

     

       34
       +
       }

     

       35
       +
       

     

       36
       +
       [data-font="recursive"] {

     

       37
       +
         font-family: 'Recursive Mono', monospace;

     

       38
       +
       }

     

       39
       +
       

     

       40
       +
       [data-font="geometria"] {

     

       41
       +
         font-family: 'Geometria', sans-serif;

     

       42
       +
       }

     

       43
       +
       

     

       44
       +
       [data-font="alegreya"] {

     

       45
       +
         font-family: 'Alegreya', serif;

     

       46
       +
       }

+31

css/_partials/_layout.scss

···

       99
        
             }

     

       100
        
           }

     

       101
        
         }

     

       102
       +
       }

     

       103
       +
       

     

       104
       +
       #fonts {

     

       105
       +
         margin-bottom: 1em;

     

       106
       +
         

     

       107
       +
         ul {

     

       108
       +
           list-style: none;

     

       109
       +
           margin: 0;

     

       110
       +
           padding: 0;

     

       111
       +
           text-align: center;

     

       112
       +
           display: flex;

     

       113
       +
           justify-content: center;

     

       114
       +
           align-items: center;

     

       115
       +
           gap: 5px;

     

       116
       +
           

     

       117
       +
           li {

     

       118
       +
             a {

     

       119
       +
               display: flex;

     

       120
       +
               text-indent: -500px;

     

       121
       +
               overflow: hidden;

     

       122
       +
               color: inherit;

     

       123
       +
               text-decoration: none;

     

       124
       +
               font-size: 1.5em;

     

       125
       +
               

     

       126
       +
               &:before {

     

       127
       +
                 content: "Aa";

     

       128
       +
                 text-indent: 0px;

     

       129
       +
               }

     

       130
       +
             }

     

       131
       +
           }

     

       132
       +
         }

     

       133
        
       }

+1

css/main.scss

···

       4
        
       @use 'themes/rosepine';

     

       5
        
       @use 'themes/solarized';

     

       6
        
       

     

       0
        
       
     

       7
        
       @use '_partials/_globals';

     

       8
        
       @use '_partials/_layout';

     

       9
        
       @use '_partials/_post';

···

       4
        
       @use 'themes/rosepine';

     

       5
        
       @use 'themes/solarized';

     

       6
        
       

     

       7
       +
       @use '_partials/_fonts';

     

       8
        
       @use '_partials/_globals';

     

       9
        
       @use '_partials/_layout';

     

       10
        
       @use '_partials/_post';

+2 -2

css/themes/blank.scss

···

       1
       -
       [data-theme="blank"] {

     

       2
        
         background-color: #FFFFFF;

     

       3
        
         

     

       4
        
         @media (prefers-color-scheme: dark) {

     
···

       6
        
         }

     

       7
        
       }

     

       8
        
       

     

       9
       -
       .blank {

     

       10
        
         --border-color: #000000;

     

       11
        
         --background-color: #FFFFFF;

     

       12
        
         --text-color: #000000;

···

       1
       +
       a[data-theme="blank"] {

     

       2
        
         background-color: #FFFFFF;

     

       3
        
         

     

       4
        
         @media (prefers-color-scheme: dark) {

     
···

       6
        
         }

     

       7
        
       }

     

       8
        
       

     

       9
       +
       body[data-theme="blank"] {

     

       10
        
         --border-color: #000000;

     

       11
        
         --background-color: #FFFFFF;

     

       12
        
         --text-color: #000000;

+2 -2

css/themes/catppuccin.scss

···

       1
       -
       [data-theme="catppuccin"] {

     

       2
        
         background-color: #eff1f5;

     

       3
        
         background-image: linear-gradient(to bottom right, #eff1f5, #1e66f5);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       -
       .catppuccin {

     

       12
        
         --border-color: #acb0be;

     

       13
        
         --background-color: #eff1f5;

     

       14
        
         --text-color: #4c4f69;

···

       1
       +
       a[data-theme="catppuccin"] {

     

       2
        
         background-color: #eff1f5;

     

       3
        
         background-image: linear-gradient(to bottom right, #eff1f5, #1e66f5);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       +
       body[data-theme="catppuccin"] {

     

       12
        
         --border-color: #acb0be;

     

       13
        
         --background-color: #eff1f5;

     

       14
        
         --text-color: #4c4f69;

+2 -2

css/themes/dracula.scss

···

       1
       -
       [data-theme="dracula"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #f8f8f2, #ff79c6);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       -
       .dracula {

     

       12
        
         --border-color: #a2a9b1;

     

       13
        
         --background-color: #f8f8f2;

     

       14
        
         --text-color: #282a36;

···

       1
       +
       a[data-theme="dracula"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #f8f8f2, #ff79c6);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       +
       body[data-theme="dracula"] {

     

       12
        
         --border-color: #a2a9b1;

     

       13
        
         --background-color: #f8f8f2;

     

       14
        
         --text-color: #282a36;

+2 -2

css/themes/rosepine.scss

···

       1
       -
       [data-theme="rosepine"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #faf4ed, #d7827e);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       -
       .rosepine {

     

       12
        
         --border-color: #cecacd;

     

       13
        
         --background-color: #faf4ed;

     

       14
        
         --text-color: #575279;

···

       1
       +
       a[data-theme="rosepine"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #faf4ed, #d7827e);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       +
       body[data-theme="rosepine"] {

     

       12
        
         --border-color: #cecacd;

     

       13
        
         --background-color: #faf4ed;

     

       14
        
         --text-color: #575279;

+2 -2

css/themes/solarized.scss

···

       1
       -
       [data-theme="solarized"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #faf4ed, #2aa198);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       -
       .solarized {

     

       12
        
         --border-color: #586e75;

     

       13
        
         --background-color: #fdf6e3;

     

       14
        
         --text-color: #002b36;

···

       1
       +
       a[data-theme="solarized"] {

     

       2
        
         background-color: #faf4ed;

     

       3
        
         background-image: linear-gradient(to bottom right, #faf4ed, #2aa198);

     

       4
        
         

     
···

       8
        
         }

     

       9
        
       }

     

       10
        
       

     

       11
       +
       body[data-theme="solarized"] {

     

       12
        
         --border-color: #586e75;

     

       13
        
         --background-color: #fdf6e3;

     

       14
        
         --text-color: #002b36;

fonts/RecursiveMonoCslSt-BdItalic.woff2