Skip to content

Commit 258c37e

Browse files
sifferhanssifferhans
committed
chore(frontend): use bcc media branding
1 parent ccc973b commit 258c37e

4 files changed

Lines changed: 65 additions & 56 deletions

File tree

‎frontend/app/assets/css/main.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
}
77

88
:root {
9-
--font-sans: "Archivo", sans-serif;
10-
--ui-primary: black;
9+
--font-sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
10+
--ui-primary: #004e48;
1111
}
1212

1313
.dark {

‎frontend/app/components/AppLogo.vue‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<template>
2+
<svg
3+
width="1304"
4+
height="200"
5+
viewBox="0 0 1304 200"
6+
fill="none"
7+
xmlns="http://www.w3.org/2000/svg"
8+
class="text-[#004E48] dark:text-white"
9+
>
10+
<g clip-path="url(#clip0_19_522)">
11+
<path
12+
d="M472.701 172.997C457.969 172.997 445.379 170.385 434.931 165.176C424.482 159.967 416.478 151.841 410.95 140.77C405.407 129.714 402.643 115.453 402.643 97.9877C402.643 72.5036 408.809 53.626 421.156 41.3699C433.503 29.1138 450.68 22.9934 472.701 22.9934C484.623 22.9934 495.391 25.0437 505.004 29.1138C514.602 33.1992 522.257 39.3652 527.937 47.5966C533.617 55.8281 536.457 66.2921 536.457 78.9734H508.482C508.482 71.9417 506.963 65.9731 503.956 61.1132C500.934 56.2533 496.758 52.5628 491.427 50.0266C486.096 47.4903 479.991 46.2146 473.126 46.2146C463.589 46.2146 455.661 48.0826 449.358 51.8187C443.04 55.5547 438.378 61.0829 435.356 68.4031C432.334 75.7233 430.83 84.8052 430.83 95.6641V100.311C430.83 111.292 432.334 120.45 435.356 127.77C438.363 135.09 442.995 140.588 449.237 144.248C455.479 147.908 463.452 149.746 473.126 149.746C480.416 149.746 486.81 148.515 492.277 146.055C497.745 143.595 501.982 139.92 505.004 135.075C508.011 130.215 509.515 124.262 509.515 117.215H536.457C536.457 129.896 533.647 140.36 528.043 148.591C522.439 156.838 514.83 162.958 505.217 166.983C495.618 170.992 484.775 172.997 472.716 172.997"
13+
fill="currentColor"
14+
/>
15+
<path
16+
d="M624.77 172.997C610.039 172.997 597.449 170.385 587 165.176C576.551 159.967 568.547 151.841 563.019 140.77C557.476 129.714 554.712 115.453 554.712 97.9877C554.712 72.5036 560.878 53.626 573.225 41.3699C585.572 29.1138 602.749 22.9934 624.77 22.9934C636.692 22.9934 647.46 25.0437 657.073 29.1138C666.672 33.1992 674.326 39.3652 680.006 47.5966C685.686 55.8281 688.526 66.2921 688.526 78.9734H660.551C660.551 71.9417 659.033 65.9731 656.025 61.1132C653.003 56.2533 648.827 52.5628 643.496 50.0266C638.165 47.4903 632.06 46.2146 625.196 46.2146C615.658 46.2146 607.73 48.0826 601.428 51.8187C595.11 55.5547 590.447 61.0829 587.425 68.4031C584.418 75.7233 582.899 84.8052 582.899 95.6641V100.311C582.899 111.292 584.418 120.45 587.425 127.77C590.432 135.09 595.064 140.588 601.306 144.248C607.548 147.908 615.521 149.746 625.196 149.746C632.485 149.746 638.879 148.515 644.347 146.055C649.814 143.595 654.051 139.92 657.073 135.075C660.08 130.215 661.584 124.262 661.584 117.215H688.526C688.526 129.896 685.716 140.36 680.112 148.591C674.508 156.838 666.9 162.958 657.286 166.983C647.688 170.992 636.844 172.997 624.785 172.997"
17+
fill="currentColor"
18+
/>
19+
<path
20+
d="M349.624 142.258C345.888 145.433 341.15 147.012 335.379 147.012H284.684V107.723H333.693C338.613 107.723 342.668 108.528 345.812 110.138C348.986 111.763 351.34 114.056 352.874 117.017C354.423 119.964 355.198 123.426 355.198 127.36C355.198 134.118 353.345 139.084 349.609 142.258M284.684 48.9787H333.268C338.613 48.9787 342.927 50.4671 346.237 53.4286C349.533 56.3749 351.188 60.9614 351.188 67.1578C351.188 70.3927 350.459 73.3542 348.971 76.0271C347.498 78.7153 345.311 80.8111 342.441 82.3754C339.555 83.9245 336.001 84.699 331.779 84.699H284.669V48.9939L284.684 48.9787ZM379.877 113.737C377.493 108.877 374.182 104.852 369.975 101.693C365.753 98.5193 360.969 96.3779 355.638 95.2541V94.4188C360.134 92.8697 364.173 90.5764 367.758 87.5542C371.342 84.5168 374.182 80.7655 376.293 76.2397C378.404 71.7291 379.467 66.7326 379.467 61.25C379.467 54.0665 377.705 47.7941 374.182 42.4483C370.658 37.1024 365.859 32.9411 359.739 29.9796C353.618 27.0333 346.693 25.5449 338.963 25.5449H257.256V170.461H338.963C347.255 170.461 354.742 169.018 361.425 166.133C368.107 163.247 373.453 158.843 377.462 152.92C381.472 147.012 383.476 139.555 383.476 130.534C383.476 124.201 382.277 118.597 379.892 113.737"
21+
fill="currentColor"
22+
/>
23+
<path
24+
d="M147.3 80.6288C147.3 86.5669 142.441 91.442 136.487 91.442H130.002C124.064 91.442 119.189 86.5669 119.189 80.6288V74.159C119.189 68.2208 124.049 63.3457 130.002 63.3457H136.487C142.425 63.3457 147.3 68.2208 147.3 74.159V80.6288ZM114.056 159.192C114.056 165.13 109.181 170.005 103.242 170.005H96.7575C90.8193 170.005 85.9443 165.145 85.9443 159.192V152.707C85.9443 146.769 90.8042 141.894 96.7575 141.894H103.242C109.181 141.894 114.056 146.754 114.056 152.707V159.192ZM114.056 125.947C114.056 131.885 109.181 136.761 103.242 136.761H96.7575C90.8193 136.761 85.9443 131.885 85.9443 125.947V91.3661H63.4976C57.5594 91.3661 52.6843 86.491 52.6843 80.5528V74.0831C52.6843 68.1449 57.5442 63.2698 63.4976 63.2698H103.242C109.181 63.2698 114.056 68.1449 114.056 74.0831V80.5528V119.462V125.947ZM114.056 47.3081C114.056 53.2463 109.181 58.1213 103.242 58.1213H96.7575C90.8193 58.1213 85.9443 53.2614 85.9443 47.3081V40.8231C85.9443 34.885 90.8042 30.0099 96.7575 30.0099H103.242C109.181 30.0099 114.056 34.8698 114.056 40.8231V47.3081ZM200 100.008C200 44.7718 155.228 0 99.9924 0C44.7566 0 0 44.7718 0 99.9924C0 155.213 44.7718 199.985 99.9924 199.985C155.213 199.985 199.985 155.213 199.985 99.9924"
25+
fill="currentColor"
26+
/>
27+
<path
28+
d="M1226.65 153.33C1223.84 152.206 1221.73 150.566 1220.34 148.379C1218.94 146.207 1218.22 143.504 1218.22 140.284C1218.22 134.953 1220.26 130.777 1224.33 127.755C1228.4 124.732 1234.08 122.667 1241.39 121.543C1248.67 120.419 1257.16 119.857 1266.85 119.857V127.223C1266.85 131.293 1266.08 135.045 1264.53 138.492C1262.98 141.924 1260.89 144.871 1258.21 147.331C1255.54 149.791 1252.35 151.69 1248.64 153.011C1244.91 154.347 1240.88 155.016 1236.54 155.016C1232.74 155.016 1229.45 154.454 1226.64 153.33M1246 171.129C1250.63 169.793 1254.73 167.894 1258.3 165.434C1261.89 162.989 1264.94 160.149 1267.46 156.914H1268.72C1269.28 159.997 1270.38 162.761 1271.99 165.237C1273.6 167.682 1275.71 169.58 1278.31 170.917C1280.9 172.238 1284.09 172.921 1287.89 172.921C1291.24 172.921 1294.21 172.557 1296.73 171.873C1299.25 171.175 1301.36 170.461 1303.04 169.762V155.016H1295.47C1293.64 155.016 1292.06 154.454 1290.74 153.33C1289.41 152.206 1288.74 150.323 1288.74 147.65V91.4421C1288.74 84.2738 1287.13 78.1837 1283.89 73.1264C1280.66 68.0843 1275.86 64.1811 1269.48 61.4475C1263.09 58.7138 1255.13 57.3469 1245.59 57.3469C1236.74 57.3469 1228.96 58.5467 1222.23 60.9159C1215.49 63.3003 1210.27 66.7782 1206.55 71.3343C1202.82 75.9057 1200.97 81.4794 1200.97 88.0706V90.6068C1200.97 91.3055 1201.05 92.0041 1201.18 92.7179H1222.23V89.5589C1222.23 87.0227 1222.9 84.6687 1224.22 82.4969C1225.56 80.3251 1227.87 78.5027 1231.16 77.0143C1234.46 75.5412 1239.06 74.8122 1244.95 74.8122C1250.85 74.8122 1255.37 75.5867 1258.53 77.1358C1261.69 78.6849 1263.86 80.8567 1265.06 83.6663C1266.25 86.4759 1266.85 89.6956 1266.85 93.3405V104.29C1256.47 104.29 1246.9 104.852 1238.12 105.976C1229.36 107.1 1221.81 109.059 1215.49 111.869C1209.17 114.679 1204.27 118.536 1200.76 123.442C1197.25 128.362 1195.5 134.604 1195.5 142.183C1195.5 148.637 1196.61 153.861 1198.86 157.856C1201.11 161.865 1204.02 164.978 1207.59 167.226C1211.18 169.474 1215 171.023 1219.06 171.858C1223.13 172.694 1226.93 173.119 1230.44 173.119C1236.19 173.119 1241.39 172.451 1246.02 171.129M1174.23 59.868H1152.34V170.598H1174.23V59.868ZM1174.23 18.407H1152.34V40.717H1174.23V18.407ZM1059.2 150.384C1055.21 147.863 1052.23 143.899 1050.25 138.492C1048.3 133.085 1047.31 126.039 1047.31 117.336V113.539C1047.31 104.837 1048.26 97.7448 1050.15 92.2774C1052.05 86.8101 1055.02 82.7703 1059.09 80.1884C1063.16 77.5914 1068.42 76.2853 1074.87 76.2853C1079.08 76.2853 1082.88 76.9839 1086.25 78.3964C1089.62 79.8088 1092.49 82.0109 1094.87 85.0332C1097.26 88.0402 1099.08 91.9433 1100.36 96.7121C1101.62 101.481 1102.24 107.237 1102.24 113.98V116.926C1102.24 124.93 1101.25 131.703 1099.29 137.247C1097.32 142.79 1094.34 146.997 1090.35 149.867C1086.34 152.753 1081.11 154.196 1074.68 154.196C1068.24 154.196 1063.21 152.935 1059.2 150.399M1088.25 168.715C1094.22 165.768 1099.02 161.334 1102.67 155.441H1104.15L1106.26 170.598H1124.16V18.407H1102.27V73.339H1100.8C1098.55 69.6941 1095.79 66.6719 1092.47 64.2875C1089.18 61.9031 1085.43 60.1565 1081.22 59.0327C1077 57.9088 1072.44 57.3469 1067.54 57.3469C1059.12 57.3469 1051.68 59.382 1045.23 63.4522C1038.77 67.5223 1033.72 73.7643 1030.07 82.1931C1026.43 90.622 1024.59 101.496 1024.59 114.815C1024.59 128.134 1026.38 139.51 1029.96 148.075C1033.53 156.641 1038.62 162.943 1045.23 167.029C1051.82 171.099 1059.61 173.134 1068.59 173.134C1075.75 173.134 1082.3 171.661 1088.27 168.715M935.136 87.9795C937.383 83.56 940.573 80.2948 944.719 78.1989C948.85 76.0879 953.877 75.04 959.769 75.04C963.687 75.04 967.211 75.5564 970.294 76.6195C973.377 77.6826 976.05 79.3987 978.297 81.7831C980.545 84.1675 982.261 87.2353 983.461 90.941C984.661 94.6618 985.253 99.2484 985.253 104.716H930.944C931.506 97.9878 932.903 92.3989 935.151 87.9795M979.345 170.385C985.238 168.563 990.326 165.935 994.609 162.503C998.891 159.055 1002.16 154.818 1004.4 149.761C1006.64 144.704 1007.76 138.887 1007.76 132.296H986.286C986.286 135.941 985.663 139.206 984.403 142.076C983.142 144.962 981.38 147.407 979.148 149.442C976.9 151.477 974.167 153.011 970.932 154.074C967.697 155.122 964.052 155.654 959.997 155.654C953.39 155.654 947.969 154.423 943.686 151.963C939.403 149.518 936.214 145.645 934.103 140.39C931.992 135.136 930.807 128.575 930.534 120.708H1008.2V112.294C1008.2 99.947 1006.38 89.6956 1002.73 81.5705C999.074 73.4301 993.713 67.3553 986.62 63.361C979.528 59.3668 970.734 57.3621 960.21 57.3621C948.713 57.3621 939.099 59.4428 931.369 63.5737C923.654 67.7046 917.822 74.0224 913.904 82.5121C909.97 91.0169 908.011 101.921 908.011 115.256C908.011 128.59 909.97 139.327 913.904 147.878C917.822 156.443 923.624 162.776 931.263 166.922C938.902 171.053 948.409 173.134 959.784 173.134C966.953 173.134 973.468 172.223 979.361 170.4M761.5 170.613V91.4421C761.5 87.5238 761.425 83.0588 761.288 78.0774C761.151 73.096 761.045 68.145 760.969 63.2395C760.893 58.3189 760.802 54.188 760.665 50.8164H762.336C763.034 53.8994 763.885 57.3469 764.872 61.1285C765.859 64.9253 766.831 68.631 767.818 72.2911C768.806 75.936 769.717 79.095 770.552 81.7679L799.803 170.598H820.639L849.905 81.5553C850.892 78.4723 851.94 74.8122 853.064 70.6053C854.188 66.3985 855.266 62.4346 856.329 58.7138C857.377 54.9929 858.045 52.3655 858.334 50.8164H860.02C860.02 52.077 859.944 54.9473 859.807 59.4427C859.67 63.9382 859.519 69.0562 859.382 74.8122C859.245 80.5681 859.169 86.1114 859.169 91.4421V170.598H882.542V26.198H846.321L818.118 113.555C817.283 116.364 816.463 119.371 815.703 122.606C814.929 125.841 814.185 128.924 813.501 131.855C812.803 134.802 812.302 137.338 812.028 139.434H810.342C809.917 137.201 809.325 134.589 808.55 131.643C807.776 128.696 806.971 125.598 806.136 122.378C805.285 119.144 804.45 116.273 803.599 113.752L775.609 26.1828H738.765V170.598H761.5V170.613Z"
29+
fill="currentColor"
30+
/>
31+
</g>
32+
<defs>
33+
<clipPath id="clip0_19_522">
34+
<rect width="1303.06" height="200" fill="white" />
35+
</clipPath>
36+
</defs>
37+
</svg>
38+
</template>

‎frontend/app/layouts/default.vue‎

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,8 @@ const { enabledTools } = useTools();
1919
ref="header"
2020
class="border-accented bg-default sticky top-0 z-10 flex items-center gap-4 border-b px-4"
2121
>
22-
<NuxtLink to="/" class="flex items-center gap-2 text-sm font-bold">
23-
<img
24-
src="/images/logo.png"
25-
width="24"
26-
height="24"
27-
class="rounded-full"
28-
/>
29-
<p>BCC Media Tools</p>
22+
<NuxtLink to="/" class="flex items-center">
23+
<AppLogo class="h-5 w-max" />
3024
</NuxtLink>
3125
<UNavigationMenu
3226
orientation="horizontal"

‎frontend/pnpm-lock.yaml‎

Lines changed: 23 additions & 46 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)