From a3c06c906592b5cd82604f62dda8fb743a4c12de Mon Sep 17 00:00:00 2001 From: Farhan Khan Date: Thu, 30 Jan 2025 02:14:24 +0000 Subject: [PATCH] Adding initial cut of frontend --- frontend/Dockerfile | 10 + frontend/htdocs/css/main.css | 322 +++++++++++++ frontend/htdocs/css/main.css.bak | 322 +++++++++++++ frontend/htdocs/homepage-01.svg | 188 ++++++++ frontend/htdocs/images/checkmark.png | Bin 0 -> 627 bytes frontend/htdocs/images/icon-avatar.png | Bin 0 -> 2031 bytes frontend/htdocs/images/icon-expand.png | Bin 0 -> 654 bytes frontend/htdocs/images/icon-link.png | Bin 0 -> 850 bytes frontend/htdocs/images/logo.png | Bin 0 -> 10378 bytes frontend/htdocs/images/logo.svg | 61 +++ frontend/htdocs/index.html | 53 +++ frontend/htdocs/js/main.js | 52 +++ frontend/htdocs/result-01.svg | 489 +++++++++++++++++++ frontend/htdocs/result-02.svg | 621 +++++++++++++++++++++++++ frontend/htdocs/search.html | 101 ++++ 15 files changed, 2219 insertions(+) create mode 100644 frontend/Dockerfile create mode 100644 frontend/htdocs/css/main.css create mode 100644 frontend/htdocs/css/main.css.bak create mode 100644 frontend/htdocs/homepage-01.svg create mode 100644 frontend/htdocs/images/checkmark.png create mode 100644 frontend/htdocs/images/icon-avatar.png create mode 100644 frontend/htdocs/images/icon-expand.png create mode 100644 frontend/htdocs/images/icon-link.png create mode 100644 frontend/htdocs/images/logo.png create mode 100644 frontend/htdocs/images/logo.svg create mode 100644 frontend/htdocs/index.html create mode 100644 frontend/htdocs/js/main.js create mode 100644 frontend/htdocs/result-01.svg create mode 100644 frontend/htdocs/result-02.svg create mode 100644 frontend/htdocs/search.html diff --git a/frontend/Dockerfile b/frontend/Dockerfile new file mode 100644 index 0000000..1100e2d --- /dev/null +++ b/frontend/Dockerfile @@ -0,0 +1,10 @@ +# Use a lightweight base image with Lighttpd +FROM nginx:alpine + +# Copy website files to the Lighttpd serving directory +COPY ./htdocs /usr/share/nginx/html/ + +EXPOSE 8080:80 + +# Start Lighttpd +CMD ["nginx", "-g", "daemon off;"] diff --git a/frontend/htdocs/css/main.css b/frontend/htdocs/css/main.css new file mode 100644 index 0000000..819ed4c --- /dev/null +++ b/frontend/htdocs/css/main.css @@ -0,0 +1,322 @@ +* { + margin: 0; + padding: 0; + font-family: sans-serif; + box-sizing: border-box; +} + +.clear { + clear: both; +} + +html, body { + /* To vertically center align */ + display: table; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +h1, h2, h3, h4, a { + color: #666666; +} + +h1, h2, h3, h4 { + margin: 0 0 10px; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.homepage .center { + text-align: center; + /* To vertically center align */ + display: table-cell; + vertical-align: middle; +} + +.section { + margin: 50px auto; +} + +.searcharea { + border: 1px solid #b3b3b3; + border-radius: 30px; + max-width: 800px; +} + +.searchinput { + width: 75%; + color: #666666; + background: none; + border: none; + font-size: 22px; + float: left; + padding: 10px 25px; + box-sizing: border-box; + outline: none; +} + +.searchsubmit { + float: right; + width: 20%; + background: #333333; + color: #f2f2f2; + border: none; + border-radius: 30px; + padding: 10px 20px; + margin: 2px; + font-size: 18px; + cursor: pointer; +} + +.links.section li { + display: inline-block; + margin: 0 10px; + color: #666666; +} + +.hbmenu { + position: absolute; + top: 0; + right: 0; + background: #ffffff; + /* Remove focus border */ + outline: none; + z-index: 100; +} + +.hbmenu .hbbtn { + display: block; + padding: 15px 20px; + content: "\2630"; + color: #666666; + font-size:24px; + cursor: pointer; +} + +.hbmenu:focus { + pointer-events: none; + height: 100%; + border-left: 1px solid #b3b3b3; + padding: 0; +} + +.hbmenu .menu { + display: none; + z-index: 1000; + pointer-events: auto; +} + +.hbmenu:focus .menu { + display: unset; +} + +.hbmenu .menu li { + display: block; +} + +.hbmenu .menu li a { + display: inline-block; + width: 160px; + padding: 15px 20px; +} + +/* ----- Search result page ----- */ + +.resultpage .navbar { + padding: 10px 10px; +} + +.resultpage .logo { + margin: 20px 0 0 10px; +} + +.resultpage .hbbtn { + margin: 20px 0 0; +} + +.resultpage .logo img { + width: 150px; + float: left; +} + +.resultpage .searcharea { + margin: 20px auto; + max-width: 600px; +} + +.resultpage .resultarea { + margin: 0 auto; + max-width: 600px; + padding: 10px 25px; + color: #666666; +} + +.resultpage .resultinfo { + font-style: italic; + margin: 0 0 10px 0; +} + +.resultarea .result:last-child { + border-bottom: none; +} + +.result { + padding: 30px 0; + border-bottom: 1px solid #d6d6d6; +} + +.result .useravatar { + border-radius: 100px; + border: 3px solid #4d4d4d; + width: 50px; + height: 50px; + float: left; + margin-right: 10px; +} + +.result .useravatar img { + border-radius: 100px; + width: 44px; + height: 44px; +} + +.result .resulttop { + height: 54px; + margin: 0 0 10px 0; +} + +.result .userdata { + width: 70%; + float:left; +} + +.result .userlabel, .result .userident { + display: block; + width: auto; +} + +.result .userlabel { + font-weight: bold; + padding-bottom: 2px; + padding: 2px 0; + color: #4d4d4d; +} + +.result .userident { + padding: 0 0; +} + +.result .actions { + float: right; + padding: 5px 10px; + display: none; +} + +.result:hover .actions { + display: unset; +} + +.result .actions li { + list-style: none; + display: inline-block; + margin: 0 2px; +} + +.result:hover .actions li a { + padding: 2px; + border-radius: 100px; + background: #e6e6e6; + display: inline-block; + width:36px; + height:36px; +} + +.result:hover .actions li a:hover { + background: #cccccc; +} + +.result:hover .actions li img { + width: 18px; + height: 18px; + margin: 7px 0 0 7px; +} + +.pagin { + text-align: center; + margin: 50px 0; +} + +.pagin ul { + list-style: none; +} + +.pagin ul li { + display: inline-block; +} + +.pagin a { + padding: 10px; + display: inline-block; + border-radius: 30px; + min-height: 40px; + min-width: 40px; +} + +.pagin a:hover { + background: #e6e6e6; + /* No underline for pagination links */ + text-decoration: none; +} + +.pagin a.current { + background: #333333; + color: #f2f2f2; +} + +.sidebar { + position: absolute; + top: 100px; + width: 300px; + padding: 20px 30px; +} + +.left.sidebar { + left: 0; +} + +.right.sidebar { + right: 0; +} + +.sidebar .list { + list-style: none; +} + +.sidebar h4, .sidebar h5 { + margin-top: 10px; +} + +.list.checks li a { + /* Create place for checkmark */ + padding-left: 20px; +} + +.list li.current a { + font-weight: bold; +} + +.list.checks li.current { + background: url("../images/checkmark.png") no-repeat; + /* Size of checkmark */ + background-size: 15px; + background-position-y: 5px; +} diff --git a/frontend/htdocs/css/main.css.bak b/frontend/htdocs/css/main.css.bak new file mode 100644 index 0000000..f6b8f40 --- /dev/null +++ b/frontend/htdocs/css/main.css.bak @@ -0,0 +1,322 @@ +* { + margin: 0; + padding: 0; + font-family: sans-serif; + box-sizing: border-box; +} + +.clear { + clear: both; +} + +html, body { + /* To vertically center align */ + display: table; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +h1, h2, h3, h4, a { + color: #666666; +} + +h1, h2, h3, h4 { + margin: 0 0 10px; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.homepage .center { + text-align: center; + display: table-cell; + vertical-align: middle; +} + +.section { + margin: 50px auto; +} + +.searcharea { + border: 1px solid #b3b3b3; + border-radius: 30px; + max-width: 800px; +} + +.searchinput { + color: #666666; + background: none; + border: none; + font-size: 22px; + float: left; + display: inline-block; + margin-right: 100px; + padding: 10px 25px; + box-sizing: border-box; + outline: none; +} + +.searchsubmit { + display: inline-block; + float: right; + width: 100px; + background: #333333; + color: #f2f2f2; + border: none; + border-radius: 30px; + padding: 10px 20px; + margin: 2px; + font-size: 18px; + cursor: pointer; +} + +.links.section li { + display: inline-block; + margin: 0 10px; + color: #666666; +} + +.hbmenu { + position: absolute; + top: 0; + right: 0; + background: #ffffff; + /* Remove focus border */ + outline: none; + z-index: 100; +} + +.hbmenu .hbbtn { + display: block; + padding: 15px 20px; + content: "\2630"; + color: #666666; + font-size:24px; + cursor: pointer; +} + +.hbmenu:focus { + pointer-events: none; + height: 100%; + border-left: 1px solid #b3b3b3; + padding: 0; +} + +.hbmenu .menu { + display: none; + z-index: 1000; + pointer-events: auto; +} + +.hbmenu:focus .menu { + display: unset; +} + +.hbmenu .menu li { + display: block; +} + +.hbmenu .menu li a { + display: inline-block; + width: 160px; + padding: 15px 20px; +} + +/* Search result page */ +.resultpage .navbar { + padding: 10px 10px; +} + +.resultpage .logo { + margin: 20px 0 0 10px; +} + +.resultpage .hbbtn { + margin: 20px 0 0; +} + +.resultpage .logo img { + width: 150px; + float: left; +} + +.resultpage .searcharea { + margin: 20px auto; + max-width: 600px; +} + +.resultpage .resultarea { + margin: 0 auto; + max-width: 600px; + padding: 10px 25px; + color: #666666; +} + +.resultpage .resultinfo { + font-style: italic; + margin: 0 0 10px 0; +} + +.resultarea .result:last-child { + border-bottom: none; +} + +.result { + padding: 30px 0; + border-bottom: 1px solid #d6d6d6; +} + +.result .useravatar { + border-radius: 100px; + border: 3px solid #4d4d4d; + width: 50px; + height: 50px; + float: left; + margin-right: 10px; +} + +.result .useravatar img { + border-radius: 100px; + width: 44px; + height: 44px; +} + +.result .resulttop { + height: 54px; + margin: 0 0 10px 0; +} + +.result .userdata { + width: 70%; + float:left; +} + +.result .userlabel, .result .userident { + display: block; + width: auto; +} + +.result .userlabel { + font-weight: bold; + padding-bottom: 2px; + padding: 2px 0; + color: #4d4d4d; +} + +.result .userident { + padding: 0 0; +} + +.result .actions { + float: right; + padding: 5px 10px; + display: none; +} + +.result:hover .actions { + display: unset; +} + +.result .actions li { + list-style: none; + display: inline-block; + margin: 0 2px; +} + +.result:hover .actions li a { + padding: 2px; + border-radius: 100px; + background: #e6e6e6; + display: inline-block; + width:36px; + height:36px; +} + +.result:hover .actions li a:hover { + background: #cccccc; +} + +.result:hover .actions li img { + width: 18px; + height: 18px; + margin: 7px 0 0 7px; +} + +.pagin { + text-align: center; + margin: 50px 0; +} + +.pagin ul { + list-style: none; +} + +.pagin ul li { + display: inline-block; +} + +.pagin a { + padding: 10px; + display: inline-block; + border-radius: 30px; + min-height: 40px; + min-width: 40px; +} + +.pagin a:hover { + background: #e6e6e6; + /* No underline for pagination links */ + text-decoration: none; +} + +.pagin a.current { + background: #333333; + color: #f2f2f2; +} + +.sidebar { + position: absolute; + top: 100px; + width: 300px; + padding: 20px 30px; +} + +.left.sidebar { + left: 0; +} + +.right.sidebar { + right: 0; +} + +.sidebar .list { + list-style: none; +} + +.sidebar h4, .sidebar h5 { + margin-top: 10px; +} + +.list.checks li a { + /* place for checkmark */ + padding-left: 20px; +} + +.list li.current a { + font-weight: bold; +} + +.list.checks li.current { + background: url("../images/checkmark.png") no-repeat; + /* size of checkmark */ + background-size: 15px; + background-position-y: 5px; +} diff --git a/frontend/htdocs/homepage-01.svg b/frontend/htdocs/homepage-01.svg new file mode 100644 index 0000000..b0836d8 --- /dev/null +++ b/frontend/htdocs/homepage-01.svg @@ -0,0 +1,188 @@ + + + + + + + + + + + + Fedi + logue + ☰ + + + + Search + About + How it works + FAQ + Contact + Trending + | + + diff --git a/frontend/htdocs/images/checkmark.png b/frontend/htdocs/images/checkmark.png new file mode 100644 index 0000000000000000000000000000000000000000..77ab650e7a5701975da8a028a45a3afb7438a071 GIT binary patch literal 627 zcmV-(0*w8MP)6J~S;1=#IpuHAli)G!=6SFQVY+D(N#F6kH}jb{%n+v(TI&YMtHok*qt$AS zcp8XON|9^>NQuasQmLeu4k@KJNxlLwy|+m%6A8mmCm;f#?=1__T89AIE<$qC7}H+L z)rDcWAtJ9GWF#VWYwcSAm`tRUx>l)Fyk4*Odl5t_^$@^I2Z;gHt+m_ZMC$NFYb5vL zIR37+F3*c-tsjwmk%Smywx@ejVHmE7$X5Vo0IUG`RBxG+`9 zIO}2nRcr0Xd5|Lz01O6$*!TTz0yaTN-Z#d4m={Term<``dzs|wRB4~&dK5)Fiy$+h zF;*^@ySZHM5`a|z`y#S#jQPAM0yvK$DS{wK=kxgv$&NAR%l{w%@E6n4x69KQ4>kY* N002ovPDHLkV1hqi3m^ah literal 0 HcmV?d00001 diff --git a/frontend/htdocs/images/icon-avatar.png b/frontend/htdocs/images/icon-avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..407fbcd7352ab77fd656ddfeb108fa281f131dd6 GIT binary patch literal 2031 zcmVJtRkc!i;zNQb zs`7-O2&77A7X&Yr5E4A`geXGls;Y#<$1c2}BB4^YVUu;z*t^Nbvv&LykG~ENPC~MA z;+e6XO@C4(kLTPo=kI&x&Y5#>6azv;qQGZ?$AE`+{w9Dp5Zy5=136$5cn??v{s~-D zN|gr{Ti+0ogowN(BG*KuCjP03$W;;fwuqd)-?|PVB2S6P6%lFlAo3_0BJzfaT)5vl z5s_y^ou~-btvWP??ZbEni_@+{7%}d?NJv33Nh}s~WBwZO zl2XcXW9&+>h>QTQ1E1?=d*{v_*48|aw2sWq&T{6=88@bX2A)$&ZFMu$x*3Sb8Q>}| z#OCw)zKI1`TU#Ta&$}_b0Q_ku)?+zVu!xKTZvu~Wb5yNXNu^S5g7d`6$_kF-YP3EI z{82=Xy$_BQymQa~fp(_Ul}si>tJQL2>WOBvNhXtVYyL6dcOr7+jCWiQ|D5(v=}Ng= zc02TZk;~;MmtAL?PXj+W>SRa3BJw=&b+=c@X0vWhePi3U7xQn4$i+@44ha^KY2cS$ zyl-uFog90{#|V0DCqX(uryl+(U6P9ZY;SKXKj9!eqwBigreE06xYxrk0zp5XhKGj<27NX4L@*d6 z91i<#4!i*W7yO)GPf96F)AZZiHKu8zl&^ZlE?)-Fq+MNnycbWFW%bhhq^|LVh(tBu zGl1`#1Hdp0Mn_%eDxNV-6T>iib)y5H(twZm9umyV%=9|sI-+SB)6>)aa`%`q2Z`Ys44rI?$W8^mNdsYJvE#`^8KQmK$mrzsYTp4u6P!OYBz+xoOuvPwi8dYq+? zqfjW2&1NYS3P+Z01AzdhX<}K{Kxccv8MxqGM1)GELakQYd&3$U8ba4~B9X{IX7~;` z0~^w(lxz?vG62CMg5x+;t5vGiDz#dTMx#Ni)!G}{fj|IF(+CEG=(T*|OsQ02eSQ5zDwg$no%Qu~ z*4NiD41=?0&-$Is7lXjtURsn&C2rroO`%ZmbHSe3?fH?B5fX`nSK)6f5sA>=SaR&6 zsnKYV$z)EX=WTwOXvKtgy1Oa%#mwd%({S;;KV|^SiiWqc<-e8=8nb# zb?M8{o`rARxZ!($#%Z9{YO%Dmw0{Ba((Z=?`CC4p|JTi%H_r`XVf%idlp>i-zB4v9 zc5e5(18Yl-M&q)GoP1;hq+YLI+JAf~Lrfbjv zH=i7AXoF#5V&dxD+}!z2=Z+LCBBABw<(v6@erj-`^`BTQc6(uA;X$QT$JO&Aw=F59 zoM<%qNF)*|4KBR?5{*X7hG9HU3p zKhDn8%#_RJV%co=-L0*yQ#rg%)7+Sxoc!qM=xEo?Twb;h52sS8zvgnePn?$IL@7l) z9{)!&nLMwQs=8^@bvNxk=iBr1^N&wYPk;9`Jg0SCZzU3m@6FH8f6}d3@cAzQo12>- z&gb)23WdUlPP(^ub{xDPi^ZNDA0L0ubNgN{zOk|Km141YDWA`~+Qr=~BO@bsP1Afi zkx2a7uaCZ@Q@3v2`f9mcex+C}&h-0DOVczA!$?OWkyoatr+?L}zrN;=xm@nSQmORA zQmORC?d|QcUJCJ%NaSub8oe?yGV=X+JigMe7zdUx-@SX+bR6emtyX*1ah!*n&E{mY z*$lT@tze_k&;WwLU`x}qMj#NV1_FVNP$={tUDw~zb^SM%Weubb{68e>nY2Y>Jo2YC;QqJttdklq{zJH%^KOqwq53wJo*oRiNzIroN;QHEg@ zOQq5%ZJm}Cm{mI;Nb?jo8jXFb7lz>hBJu$&=MGe5+xA{5Vuh;vWl&hzGd97A6iRk7eyyg3T z7XUoZ+XQeD0MDvVbuCQOJP2SDKyhLPnx-9bU3V*~re3d~ipQxsB%lDN z#6O}aS`|XPofnn_jO!;euLvOqdBA`_hhyr$kBCOhd|B7^XX-P@alU2+CU(foy8$@k o@%W3n48tfU)nx`QN;@C;8&);YrYB!ZDF6Tf07*qoM6N<$f~!>&`2YX_ literal 0 HcmV?d00001 diff --git a/frontend/htdocs/images/icon-link.png b/frontend/htdocs/images/icon-link.png new file mode 100644 index 0000000000000000000000000000000000000000..0a2ed88a2e239d163ea45e32ea452a316dbe1ce8 GIT binary patch literal 850 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 LsgJ5vw~PKCu@kf7 literal 0 HcmV?d00001 diff --git a/frontend/htdocs/images/logo.svg b/frontend/htdocs/images/logo.svg new file mode 100644 index 0000000..c82abc5 --- /dev/null +++ b/frontend/htdocs/images/logo.svg @@ -0,0 +1,61 @@ + + + + + + + + + + diff --git a/frontend/htdocs/index.html b/frontend/htdocs/index.html new file mode 100644 index 0000000..c55825f --- /dev/null +++ b/frontend/htdocs/index.html @@ -0,0 +1,53 @@ + + + + + + Fedilogue + + + + + +
+ ☰ +
+
  • About
    • +
  • How it works
    • +
  • FAQ
    • +
  • Contact
    • +
  • Trending
    • +
    +
    + +
    + + + +
    +
    + + +
    +
    +
    + +
    + +
    + +
    + + + diff --git a/frontend/htdocs/js/main.js b/frontend/htdocs/js/main.js new file mode 100644 index 0000000..6113322 --- /dev/null +++ b/frontend/htdocs/js/main.js @@ -0,0 +1,52 @@ +$(window).on("load", function() { + var queryString = window.location.search; + var urlParams = new URLSearchParams(queryString); + var qValue = urlParams.get('q'); + + var myElement = $('#searchinput'); + myElement.val(qValue); + + var strongElement = $('#searchtextstrong'); + strongElement.text(qValue); + + $.ajax({ + url: 'http://192.168.1.219:6431/api/v1/search', // The URL to send the request to + type: 'GET', // HTTP method (GET, POST, etc.) + dataType: 'json', // Expected data format from the server + success: function(response) { + // This function is called if the request is successful + console.log('Data received:', response); + + $.each(response['activities'], function(key, value) { + console.error(key, value); + + var resultHTML = ` +
    +
    +
    + + ` + value['actor']['name'] + ` + @` + value['actor']['preferredUsername'] + `@` + value['instance'] + ` +
    +
    +
      +
      • +
      • +
    +
    +
    +
    + ` + value['content'] + ` +
    +
    ` + value['published'] +`
    +
    + `; + $(resultHTML).appendTo('#result_container'); + }); + }, + error: function(xhr, status, error) { + // This function is called if the request fails + console.error('Error:', error); + } + }); +}); diff --git a/frontend/htdocs/result-01.svg b/frontend/htdocs/result-01.svg new file mode 100644 index 0000000..b2d33de --- /dev/null +++ b/frontend/htdocs/result-01.svg @@ -0,0 +1,489 @@ + + + + + + + + + + + + + + + + + + + + + + + + ☰ + + + + + Search + + Search results for "test" returned 3409 results. + + User One + @userone@instance.tld + + Lorem ipsum dolor sit amet, est ne nibh noster. No altera probatus gloriatur eam, vim ut postea ornatus meliore, alterum elaboraret nec ex. His summo detraxit menandri eu. Quas commune appellantur duo ad, his an vero ceteros accusam, eu latine eligendi pri. + + + User Two + @usertwo@instance.tld + + Eum in admodum recusabo referrentur. Legere placerat per no, his regione aperiam at. Cum tota vituperatoribus ne. Pri modus facilisis democritum ex, veritus minimum delicatissimi no est. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/htdocs/result-02.svg b/frontend/htdocs/result-02.svg new file mode 100644 index 0000000..b48b574 --- /dev/null +++ b/frontend/htdocs/result-02.svg @@ -0,0 +1,621 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + ☰ + + + + + Search + + Search results for "test" returned 3409 results. + + User One + @userone@instance.tld + + Lorem ipsum dolor sit amet, est ne nibh noster. No altera probatus gloriatur eam, vim ut postea ornatus meliore, alterum elaboraret nec ex. His summo detraxit menandri eu. Quas commune appellantur duo ad, his an vero ceteros accusam, eu latine eligendi pri. + + + User Two + @usertwo@instance.tld + + Eum in admodum recusabo referrentur. Legere placerat per no, his regione aperiam at. Cum tota vituperatoribus ne. Pri modus facilisis democritum ex, veritus minimum delicatissimi no est. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Finetune + Post time within: + all24 hours1 week1 month6 months1 year + + Trending + #test#exampletag#justexample + + diff --git a/frontend/htdocs/search.html b/frontend/htdocs/search.html new file mode 100644 index 0000000..5f35ff2 --- /dev/null +++ b/frontend/htdocs/search.html @@ -0,0 +1,101 @@ + + + + + + Fedilogue + + + + + + +
    + +
    + ☰ +
    +
  • About
    • +
  • How it works
    • +
  • FAQ
    • +
  • Contact
    • +
  • Trending
    • +
    +
    + + + +
    +
    + + +
    +
    +
    +
    + +
    +
    Search for returned 0000 results.
    + +
    + +
    + +
    + +
    +
    + +
    +

    Finetune

    +

    Post time within:

    + +

    Post length:

    + +

    Other

    +

    Attachment:

    + +

    Mentions:

    + +
    + +
    +

    Trending

    + +
    + + +