qbism/3vis-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Packages Projects Releases Wiki Activity

aesthetics

Browse source
This commit is contained in:
qbism 2023-02-01 02:01:13 -05:00
parent c4778bdf17
commit bb918fd05c
6 changed files with 357 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/attachment/attachment.scss
View file

@ -270,7 +270,7 @@
&.-contain-fit {
img,
canvas {
object-fit: contain;
object-fit: cover;
}
}

4
src/components/still-image/still-image.vue
View file

@ -43,14 +43,14 @@
right: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-fit: cover;
visibility: var(--_still-image-canvas-visibility, visible);
}
img {
width: 100%;
height: 100%;
object-fit: contain;
object-fit: cover;
&::before {
line-height: 20px;

8
static/custom.css
View file

@ -6,13 +6,15 @@
/* qb: for 3v.is */
.app-layout {
--miniColumn: 38rem !important;
--maxiColumn: minmax(var(--miniColumn), 42rem) !important;
--miniColumn: 33rem !important;
--maxiColumn: minmax(var(--miniColumn), 39rem) !important;
--columnGap: 0.5em !important;
--status-margin: 0.5em !important;
font-size: 16px;
}
:root {
--post-line-height: 2.0;
}
}

1
static/styles.json
View file

@ -1,4 +1,5 @@
{
"threevis": "/static/themes/threevis-theme.json",
"pleroma-dark": "/static/themes/pleroma-dark.json",
"pleroma-light": "/static/themes/pleroma-light.json",
"pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"],

12
static/terms-of-service.html
View file

@ -1,14 +1,16 @@
<h4>What is 3V.IS?</h4>
<p>"three-viz" if you will. Tagline: waywo "What are you working on?" A place for screenshots and project news with controllable social functions. Create long form posts, connect them with links, and edit anytime with history.</p>
<p>This site is an instance of Akkoma with aesthetic tweaks. See <a href=https://docs.akkoma.dev/stable>Akkoma docs</a> to learn more.</p>
<p>The engine is an instance of Akkoma with aesthetic tweaks. See <a href=https://docs.akkoma.dev/stable>Akkoma docs</a> to learn more.</p>
<p>For questions or issues, reach me at qb@3v.is or qbismcom on twitter.</p>
<h4>Terms of Use</h4>
<p>Be a minimum 18 years of age.</p>
<p>Be excellent to each other. Agreement is not necessary but respect would be cool.</p>
<p>Be legit. Post your own work, credit others in collaboration or in fair-use sharing, and respect the intellectual property rights of others. </p>
<p>Maintain a reliable secondary federated id, email, twitter, or discord handle. Intent is to only use for account recovery. External notification methods including email are turned off.</p>
<p>Let us know: What are you working on?</p>
<p>Be legit. Post your own work, credit collaborators, credit media sources when possible, and respect the intellectual property rights of others. </p>
<p>Please be patient. 3V.IS is in 'beta' stage and run by a small crew. The site or portions thereof may be down for indefinite amounts of time. Repairs, updates, or moderation may not occur as quickly as we all like.</p>
<p>Be wise. Posts provide various controls for visibility. Intended operation of those features is a hope but not a promise. Data is not encoded. Do not post, reply, or message any sensitive information.</p>
<p>Be aware. Content of "Bubble" and "Known Network" timelines may originate outside this instance. Do not respond to any requests for passwords or personal information allegedly from this site.</p>
<p>No guarantee of data preservation or privacy. Data entered into this site including but not limited to images, files, posts, and accounts may be deleted or suspended at any time for any reason.</p>
<p>Be efficient with resource consumption. Do not use this site as private storage. Media and files should ultimately be intended for public sharing, within this instance at least.</p>
<p>Keep backups. No guarantee of data preservation is provided.</p>
<p>Please be efficient with resource consumption. Do not use this site as private storage. Media and files should ultimately be intended for sharing with your adoring public.</p>
<p>Users may edit their own posts after publishing. Also know that post edit history is viewable.<p>

341
static/themes/threevis-theme.json Normal file
View file

@ -0,0 +1,341 @@
{
"_pleroma_theme_version": 2,
"name": "threevis",
"theme": {
"themeEngineVersion": 3,
"shadows": {
"panel": [
{
"x": 1,
"y": 1,
"blur": 4,
"spread": 0,
"color": "#000000",
"alpha": 0.6
}
],
"topBar": [
{
"x": 0,
"y": 0,
"blur": 4,
"spread": 0,
"color": "#000000",
"alpha": 0.6
}
],
"popup": [
{
"x": 2,
"y": 2,
"blur": 3,
"spread": 0,
"color": "#000000",
"alpha": 0.5
}
],
"avatar": [
{
"x": 0,
"y": 1,
"blur": 8,
"spread": 0,
"color": "#000000",
"alpha": 0.7
}
],
"avatarStatus": [],
"panelHeader": [],
"button": [
{
"x": 0,
"y": 0,
"blur": 2,
"spread": 0,
"color": "#000000",
"alpha": 1
},
{
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"color": "#FFFFFF",
"alpha": 0.2,
"inset": true
},
{
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"color": "#000000",
"alpha": 0.2,
"inset": true
}
],
"buttonHover": [
{
"x": 0,
"y": 0,
"blur": 4,
"spread": 0,
"color": "#cfcfbe",
"alpha": 1
},
{
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"color": "#FFFFFF",
"alpha": 0.2,
"inset": true
},
{
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"color": "#000000",
"alpha": 0.2,
"inset": true
}
],
"buttonPressed": [
{
"x": 0,
"y": 0,
"blur": 4,
"spread": 0,
"color": "#cfcfbe",
"alpha": 1
},
{
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"color": "#000000",
"alpha": 0.2,
"inset": true
},
{
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"color": "#FFFFFF",
"alpha": 0.2,
"inset": true
}
],
"input": [
{
"x": 0,
"y": 1,
"blur": 0,
"spread": 0,
"color": "#000000",
"alpha": 0.2,
"inset": true
},
{
"x": 0,
"y": -1,
"blur": 0,
"spread": 0,
"color": "#FFFFFF",
"alpha": 0.2,
"inset": true
},
{
"x": 0,
"y": 0,
"blur": 2,
"inset": true,
"spread": 0,
"color": "#000000",
"alpha": 1
}
]
},
"colors": {
"underlay": "#000000",
"bg": "#353630",
"fg": "#4a4a40",
"cRed": "#f92672",
"cGreen": "#a6e22e",
"cOrange": "#f4bf75",
"cBlue": "#66d9ef",
"accent": "#badd6e",
"link": "#b8d68a",
"text": "#cfcfbe",
"badgeNotification": "#f92672",
"badgeNotificationText": "#ffffff",
"alertNeutral": "#cfcfbe",
"alertNeutralText": "#000000",
"alertPopupNeutral": "#cfcfbe",
"alertPopupNeutralText": "#000000",
"alertSuccess": "#a6e22e",
"alertSuccessText": "#ffffff",
"alertPopupSuccess": "#a6e22e",
"alertPopupSuccessText": "#000000",
"alertWarning": "#f4bf75",
"alertWarningText": "#ffffff",
"alertPopupWarning": "#f4bf75",
"alertPopupWarningText": "#000000",
"alertError": "#f92672",
"alertErrorText": "#cfcfbe",
"alertPopupError": "#f92672",
"alertPopupErrorText": "#ffffff",
"panel": "#4a4a40",
"panelText": "#cfcfbe",
"alertNeutralPanelText": "#000000",
"alertSuccessPanelText": "#000000",
"alertWarningPanelText": "#000000",
"alertErrorPanelText": "#ffffff",
"fgText": "#cfcfbe",
"topBar": "#4a4a40",
"topBarText": "#cfcfbe",
"input": "#4a4a40",
"inputTopbarText": "#cfcfbe",
"inputPanelText": "#cfcfbe",
"inputText": "#cfcfbe",
"btn": "#4a4a40",
"btnText": "#cfcfbe",
"btnTopBarText": "#cfcfbe",
"btnDisabled": "#3b3b34",
"btnDisabledTopBarText": "#606057",
"btnPanelText": "#cfcfbe",
"btnDisabledPanelText": "#606057",
"btnDisabledText": "#606057",
"btnToggled": "#818170",
"btnToggledTopBarText": "#ffffff",
"btnToggledPanelText": "#ffffff",
"btnToggledText": "#ffffff",
"btnPressed": "#4a4a40",
"btnPressedTopBarText": "#cfcfbe",
"btnPressedTopBar": "#4a4a40",
"btnPressedPanelText": "#cfcfbe",
"btnPressedPanel": "#4a4a40",
"btnPressedText": "#cfcfbe",
"tabActiveText": "#cfcfbe",
"tabText": "#cfcfbe",
"tab": "#4a4a40",
"fgLink": "#b8d68a",
"topBarLink": "#b8d68a",
"panelLink": "#b8d68a",
"panelFaint": "#cfcfbe",
"icon": "#828377",
"poll": "#6b7949",
"pollText": "#ffffff",
"border": "#505045",
"postCyantext": "#66d9ef",
"postGreentext": "#a6e22e",
"postLink": "#b8d68a",
"lightText": "#fbfbf9",
"popover": "#353630",
"selectedMenuPopover": "#43443c",
"highlight": "#43443c",
"highlightText": "#cfcfbe",
"selectedMenu": "#43443c",
"selectedMenuText": "#cfcfbe",
"selectedMenuPopoverIcon": "#898a7d",
"highlightLink": "#b8d68a",
"selectedMenuLink": "#b8d68a",
"selectedMenuPopoverLink": "#b8d68a",
"selectedMenuPopoverText": "#cfcfbe",
"faintLink": "#b8d68a",
"highlightFaintLink": "#b8d68a",
"selectedMenuFaintLink": "#b8d68a",
"selectedMenuPopoverFaintLink": "#b8d68a",
"faint": "#cfcfbe",
"highlightFaintText": "#cfcfbe",
"selectedMenuFaintText": "#cfcfbe",
"selectedMenuPopoverFaintText": "#cfcfbe",
"highlightLightText": "#fbfbf9",
"selectedMenuLightText": "#fbfbf9",
"selectedMenuPopoverLightText": "#fbfbf9",
"selectedMenuIcon": "#898a7d",
"selectedPost": "#43443c",
"selectedPostText": "#cfcfbe",
"selectedPostIcon": "#898a7d",
"selectedPostLink": "#b8d68a",
"selectedPostFaintLink": "#b8d68a",
"highlightPostLink": "#b8d68a",
"selectedPostPostLink": "#b8d68a",
"selectedPostLightText": "#fbfbf9",
"selectedPostFaintText": "#cfcfbe",
"popoverText": "#cfcfbe",
"popoverIcon": "#828377",
"popoverLink": "#b8d68a",
"postFaintLink": "#b8d68a",
"popoverPostFaintLink": "#b8d68a",
"popoverFaintLink": "#b8d68a",
"popoverFaintText": "#cfcfbe",
"popoverPostLink": "#b8d68a",
"popoverLightText": "#fbfbf9",
"highlightIcon": "#898a7d",
"highlightPostFaintLink": "#b8d68a",
"profileTint": "#353630",
"profileBg": "#1c1e1c",
"wallpaper": "#30312c"
},
"opacity": {
"underlay": 0.15,
"bg": 1,
"alert": 0.5,
"alertPopup": 0.95,
"panel": 1,
"input": 0.5,
"btn": 1,
"faint": 0.5,
"border": 1,
"popover": 1,
"profileTint": 0.5
},
"radii": {
"btn": 4,
"input": 4,
"checkbox": 2,
"panel": 10,
"avatar": 5,
"avatarAlt": 50,
"tooltip": 2,
"attachment": 5
},
"fonts": {
"interface": {
"family": "sans-serif"
},
"input": {
"family": "inherit"
},
"post": {
"family": "inherit"
},
"postCode": {
"family": "monospace"
}
}
},
"source": {
"themeEngineVersion": 3,
"fonts": {},
"shadows": {},
"opacity": {},
"colors": {
"bg": "#353630",
"fg": "#4a4a40",
"text": "#cfcfbe",
"link": "#b8d68a",
"accent": "#badd6e",
"cBlue": "#66d9ef",
"cRed": "#F92672",
"cGreen": "#a6e22e",
"cOrange": "#f4bf75"
},
"radii": {}
}
}