Differential D903

New Taskotron landing page
ClosedPublic
Actions

Authored by lbrabec on Jun 24 2016, 11:17 AM.

Details

Reviewers
kparal
garretraziel
tflink
mkrizek
Summary

Together with @jskladan we finally managed to create new Taskotron landing page and use the new logo we have for a while.

Purpose of this diff is to show you the new design and focus the discussion on the looks rather than argue about proper html/css/js stuff.

You can check it on openshift instance.

Test Plan

no tests

Diff Detail

Lint
Lint Skipped
Unit
Unit Tests Skipped
lbrabec retitled this revision from to New Taskotron landing page.Jun 24 2016, 11:17 AM
lbrabec updated this object.
lbrabec edited the test plan for this revision. (Show Details)
lbrabec added reviewers: jskladan, mkrizek, kparal, tflink, garretraziel.
lbrabec added a subscriber: jskladan.
jskladan added a comment.Jun 24 2016, 12:11 PM

Much nice very ack! :)

jskladan resigned from this revision.Jun 27 2016, 1:55 PM
jskladan removed a reviewer: jskladan.

Since I participated on making it..

garretraziel accepted this revision.Jun 28 2016, 12:06 PM

Much nice, didn't read.

This revision is now accepted and ready to land.Jun 28 2016, 12:06 PM
mkrizek accepted this revision.Jun 28 2016, 12:10 PM
In D903#17009, @garretraziel wrote:

Much nice, didn't read.

+1

kparal added a comment.Jun 28 2016, 12:18 PM

Looks good, and we're finally making use of our new logo, yay!

A few remarks:

jskladan added a comment.Jun 28 2016, 12:48 PM
In D903#17017, @kparal wrote:

A few remarks:

How about https://phab.qadevel.cloud.fedoraproject.org/tag/planning/ instead?

Revision Contents

Diff 2301

View Options

fonts/Overpass-Bold-Italic.ttf

  • This binary file was added.
View Options

fonts/Overpass-Bold.ttf

  • This binary file was added.
View Options

fonts/Overpass-ExtraLight Italic.ttf

  • This binary file was added.
View Options

fonts/Overpass-ExtraLight.ttf

  • This binary file was added.
View Options

fonts/Overpass-Light-Italic.ttf

  • This binary file was added.
View Options

fonts/Overpass-Light.ttf

  • This binary file was added.
View Options

fonts/Overpass-Regular-Italic.ttf

  • This binary file was added.
View Options

fonts/Overpass-Regular.ttf

  • This binary file was added.
View Options

images/favicon.png

  • This binary file was added.
View Options

images/taskotron-box.svg

  • This file was added.
1​<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2​<!-- Created with Inkscape (http://www.inkscape.org/) -->
3​
4​<svg
5​ xmlns:dc="http://purl.org/dc/elements/1.1/"
6​ xmlns:cc="http://creativecommons.org/ns#"
7​ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8​ xmlns:svg="http://www.w3.org/2000/svg"
9​ xmlns="http://www.w3.org/2000/svg"
10​ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11​ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12​ width="26.568575mm"
13​ height="33.02mm"
14​ viewBox="0 0 94.14062 117"
15​ id="svg4510"
16​ version="1.1"
17​ inkscape:version="0.91 r13725"
18​ sodipodi:docname="taskotron-box.svg">
19​ <defs
20​ id="defs4512" />
21​ <sodipodi:namedview
22​ id="base"
23​ pagecolor="#ffffff"
24​ bordercolor="#666666"
25​ borderopacity="1.0"
26​ inkscape:pageopacity="0.0"
27​ inkscape:pageshadow="2"
28​ inkscape:zoom="1.979899"
29​ inkscape:cx="99.735278"
30​ inkscape:cy="-24.881749"
31​ inkscape:document-units="px"
32​ inkscape:current-layer="layer1"
33​ showgrid="false"
34​ fit-margin-top="0"
35​ fit-margin-left="0"
36​ fit-margin-right="0"
37​ fit-margin-bottom="0"
38​ inkscape:window-width="1869"
39​ inkscape:window-height="1016"
40​ inkscape:window-x="1971"
41​ inkscape:window-y="277"
42​ inkscape:window-maximized="1" />
43​ <metadata
44​ id="metadata4515">
45​ <rdf:RDF>
46​ <cc:Work
47​ rdf:about="">
48​ <dc:format>image/svg+xml</dc:format>
49​ <dc:type
50​ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
51​ <dc:title></dc:title>
52​ </cc:Work>
53​ </rdf:RDF>
54​ </metadata>
55​ <g
56​ inkscape:label="Layer 1"
57​ inkscape:groupmode="layer"
58​ id="layer1"
59​ transform="translate(-358.64397,-196.71935)">
60​ <path
61​ style="display:inline;opacity:1;fill:#639a81;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
62​ d="m 405.71428,196.71935 -46.57031,26.8867 47.26367,26.45901 0,4.4062 -47.76367,-26.74021 0,58.8125 47.07031,27.1758 47.07031,-27.1758 0,-18.336 -47.07031,27.1758 -24.57813,-14.1914 0,-16.4785 24.57813,14.1914 47.07031,-27.1758 0,-27.834 -47.07031,-27.1757 z"
63​ id="path5251"
64​ inkscape:connector-curvature="0" />
65​ </g>
66​</svg>
View Options

images/taskotron.svg

  • This file was added.
1​<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2​<!-- Created with Inkscape (http://www.inkscape.org/) -->
3​
4​<svg
5​ xmlns:dc="http://purl.org/dc/elements/1.1/"
6​ xmlns:cc="http://creativecommons.org/ns#"
7​ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8​ xmlns:svg="http://www.w3.org/2000/svg"
9​ xmlns="http://www.w3.org/2000/svg"
10​ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11​ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12​ width="152.8407mm"
13​ height="33.020004mm"
14​ viewBox="0 0 541.56153 117.00001"
15​ id="svg3548"
16​ version="1.1"
17​ inkscape:version="0.91 r13725"
18​ sodipodi:docname="taskotron.svg">
19​ <defs
20​ id="defs3550" />
21​ <sodipodi:namedview
22​ id="base"
23​ pagecolor="#ffffff"
24​ bordercolor="#666666"
25​ borderopacity="1.0"
26​ inkscape:pageopacity="0.0"
27​ inkscape:pageshadow="2"
28​ inkscape:zoom="1.979899"
29​ inkscape:cx="254.20628"
30​ inkscape:cy="13.732789"
31​ inkscape:document-units="px"
32​ inkscape:current-layer="layer1"
33​ showgrid="false"
34​ fit-margin-top="0"
35​ fit-margin-left="0"
36​ fit-margin-right="0"
37​ fit-margin-bottom="0"
38​ inkscape:window-width="1869"
39​ inkscape:window-height="1016"
40​ inkscape:window-x="1971"
41​ inkscape:window-y="277"
42​ inkscape:window-maximized="1" />
43​ <metadata
44​ id="metadata3553">
45​ <rdf:RDF>
46​ <cc:Work
47​ rdf:about="">
48​ <dc:format>image/svg+xml</dc:format>
49​ <dc:type
50​ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
51​ <dc:title></dc:title>
52​ </cc:Work>
53​ </rdf:RDF>
54​ </metadata>
55​ <g
56​ inkscape:label="Layer 1"
57​ inkscape:groupmode="layer"
58​ id="layer1"
59​ transform="translate(-107.01628,-333.22243)">
60​ <g
61​ id="g5313"
62​ transform="translate(-144.75325,-51.724965)">
63​ <path
64​ d="m 574.31747,465.93712 c 0,-4.6652 -0.022,-10.1319 -0.022,-10.1319 l 13.2483,0 0,-24.6367 -20.5845,-0.043 c 0,0 0,34.0123 -0.011,34.8116 -0.117,-0.019 -4.8333,0 -4.8333,0 l -5.1537,-5.1537 0,-34.5838 5.2826,-5.2631 29.8084,0.021 5.0859,5.1537 0,39.7375 c -9.0794,0.1723 -17.0225,0.088 -22.8202,0.088 z"
65​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
66​ id="path4798"
67​ inkscape:connector-curvature="0"
68​ sodipodi:nodetypes="ccccccccccccccc" />
69​ <g
70​ style="fill:#535452;fill-opacity:1"
71​ id="g4800"
72​ transform="translate(24.19388,-514.91484)">
73​ <path
74​ sodipodi:nodetypes="ccccccc"
75​ inkscape:connector-curvature="0"
76​ d="m 517.42038,980.86302 -22.7564,-22.63636 22.7564,-22.36364 12.22779,0 -22.43625,22.36364 22.43625,22.63636 z"
77​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.77410464"
78​ id="path4802" />
79​ <rect
80​ y="935.86304"
81​ x="490.38315"
82​ height="45"
83​ width="10.232907"
84​ id="rect4804"
85​ style="opacity:1;fill:#535452;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4;stroke-opacity:0.77410464" />
86​ </g>
87​ <path
88​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
89​ d="m 653.48878,420.94862 0,44.9746 10.16999,0 -0.01,-34.9258 20.1621,-0.01 c 0,0 0.044,4.433 0.019,7.334 l -14.69141,0 0,10.0449 -0.02,0 17.56641,17.5801 12.2285,0 -17.3047,-17.5625 12.25,0 0,-22.3223 -5.04691,-5.1152 -35.32619,0 z"
90​ id="path4806"
91​ inkscape:connector-curvature="0" />
92​ <path
93​ inkscape:connector-curvature="0"
94​ id="path4808"
95​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
96​ d="m 793.33107,465.94842 -10.0046,0 -20.2029,-27.4325 0,27.4325 -10.0047,0 0,-45 10.0047,0 20.2029,27.6351 0,-27.6351 10.0046,0 0,45 0,0 z" />
97​ <path
98​ inkscape:connector-curvature="0"
99​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:-2.09637547px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
100​ d="m 369.16458,420.94842 0,10.1816 15.3399,0 0,34.8184 10.1816,0 0,-34.8184 15.3399,0 0,-10.1816 -40.8614,0 z"
101​ id="path4810" />
102​ <path
103​ inkscape:connector-curvature="0"
104​ id="path4812"
105​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
106​ d="m 505.88197,460.73002 -5.1506,5.2184 -35.1732,0 0,-10.1657 30.2937,0 0,-7.2515 -30.2937,0 0,-22.3645 5.15061,-5.2183 35.17319,0 0,10.0979 -30.2937,0 0,7.3192 30.2937,0 0,22.3645 0,0 z" />
107​ <path
108​ d="m 456.82298,426.25422 0,39.6941 -35.1806,0 -5.1434,-5.2208 0,-22.3602 22.88889,0.016 0,10.1489 -12.86439,-0.01 0.015,7.2564 20.2521,-0.012 0.001,-24.7152 -30.2929,-0.012 0,-10.0943 35.17441,0 5.14959,5.2201 z"
109​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:0px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:0.74159491px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
110​ id="path4814"
111​ inkscape:connector-curvature="0"
112​ sodipodi:nodetypes="cccccccccccccccc" />
113​ <path
114​ sodipodi:nodetypes="ccccccccccccccc"
115​ inkscape:connector-curvature="0"
116​ id="path4816"
117​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:1.63800144px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
118​ d="m 726.99267,465.94502 c 0,-4.6652 0.022,-10.1319 0.022,-10.1319 l -13.24829,0 0,-24.6367 20.5846,-0.043 c 0,0 0,34.0124 0.011,34.8116 0.11699,-0.019 4.8333,0 4.8333,0 l 5.15369,-5.1536 0,-34.5839 -5.24749,-5.2591 -29.8435,0.017 -5.0859,5.1536 0,39.7376 c 9.0793,0.1722 17.0225,0.088 22.8201,0.088 z" />
119​ <path
120​ id="path4818"
121​ d="m 605.50407,420.94842 0,10.1816 15.3399,0 0,34.8184 10.1816,0 0,-34.8184 15.3398,0 0,-10.1816 -40.8613,0 z"
122​ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:67.56756592px;line-height:125%;font-family:loaded;-inkscape-font-specification:loaded;letter-spacing:-2.09637547px;word-spacing:0px;fill:#535452;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
123​ inkscape:connector-curvature="0" />
124​ </g>
125​ <path
126​ style="display:inline;opacity:1;fill:#639a81;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
127​ d="m 154.08659,333.22244 -46.57031,26.8867 47.26367,26.45901 0,4.4062 -47.76367,-26.74021 0,58.8125 47.07031,27.1758 47.07031,-27.1758 0,-18.336 -47.07031,27.1758 -24.57813,-14.1914 0,-16.4785 24.57813,14.1914 47.07031,-27.1758 0,-27.834 -47.07031,-27.1757 z"
128​ id="path5251"
129​ inkscape:connector-curvature="0" />
130​ </g>
131​</svg>
View Options

index.html

  • This file was added.
1​<!DOCTYPE html>
2​<html lang="en">
3​ <head>
4​ <meta charset="utf-8">
5​ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6​ <meta name="viewport" content="width=device-width, initial-scale=1">
7​
8​ <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
9​
10​ <meta name="description" content="Landing page for the Fedora QA Taskotron instance.">
11​ <meta name="author" content="Fedora QA">
12​
13​ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
14​ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
15​ <link rel="stylesheet" href="style.css">
16​ <!--<link rel="stylesheet" href="hover.css">-->
17​
18​ <title>{{ landingpage_title }}</title>
19​ <link rel="icon" type="image/png" href="images/favicon.png">
20​
21​</head>
22​
23​
24​<body>
25​ <nav class="navbar navbar-default navbar-static-top navbar-dark">
26​ <div class="container-fluid">
27​ <div class="navbar-header">
28​ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
29​ <span class="sr-only">Toggle navigation</span>
30​ <span class="icon-bar"></span>
31​ <span class="icon-bar"></span>
32​ <span class="icon-bar"></span>
33​ </button>
34​ </div>
35​
36​ <div id="navbar" class="navbar-collapse collapse navbar-dark">
37​ <ul class="nav navbar-nav navbar-right">
38​ <li><a href="https://fedoraproject.org/wiki/Taskotron">Wiki</a></li>
39​ <li><a href="https://phab.qadevel.cloud.fedoraproject.org/maniphest">Issue Tracker</a></li>
40​ <li><a href="https://fedoraproject.org/wiki/Taskotron/Tasks">Information about Tasks</a></li>
41​ </ul>
42​ </div>
43​ </div>
44​ </nav>
45​
46​ <div class="bg fullpage">
47​
48​ <div class="jumbotron text-center">
49​ <div class="container">
50​ <img src="images/taskotron.svg" class="img-responsive center-block logo">
51​ <p class="punchline">automated task execution framework</p>
52​ <p>
53​ <a class="btn btn-lg btn-primary hvr-fade" href="{{ resultsdb_frontend_url }}" role="button">Browse Task Results</a>
54​ <a class="btn btn-lg btn-primary hvr-fade" href="/taskmaster/waterfall" role="button">Recently Executed Tasks</a>
55​ <a class="btn btn-lg btn-primary hvr-fade" href="https://docs.qadevel.cloud.fedoraproject.org/libtaskotron/latest/" role="button">Documentation</a>
56​ </p>
57​ </div>
58​ </div>
59​ </div>
60​
61​ <div class="container">
62​
63​ <div class="row">
64​ <div class="col-md-9">
65​ <h2>Open source rockstar</h2><p class="text-muted">Taskotron is under active development. If you're interested in contributing, check out our <a href="#">Development guide</a> and the tickets and tasks on our <a href="#">Phabricator instance</a>.*</p>
66​ <small class="text-muted">* login required for main page for now but applications are available without login</small>
67​ </div>
68​ <div class="col-md-3">
69​ <div class="featurette text-right" style="color: #cc8f60;">
70​ <i class="fa fa-code-fork"></i></div>
71​ </div>
72​ </div>
73​
74​ <hr>
75​
76​ <div class="row">
77​ <div class="col-md-3">
78​ <div class="featurette text-left" style="color: #639a81;">
79​ <i class="fa fa-bar-chart"></i></div>
80​ </div>
81​ <div class="col-md-9">
82​ <h2>Simple check management</h2><p class="text-muted">Package maintainers in full control of their package-related checks, no hurdles.</p>
83​ </div>
84​ </div>
85​
86​ <hr>
87​
88​ <div class="row">
89​ <div class="col-md-9">
90​ <h2>Support for package-related checks</h2><p class="text-muted">Can this new build of firefox package be safely updated? Do the functional tests pass for this new build of openssh?</p>
91​ </div>
92​ <div class="col-md-3">
93​ <div class="featurette text-right" style="color: #cc8f60;">
94​ <i class="fa fa-cubes"></i></div>
95​ </div>
96​ </div>
97​
98​ <hr>
99​
100​ <div class="row">
101​ <div class="col-md-3">
102​ <div class="featurette text-left" style="color: #639a81;">
103​ <i class="fa fa-globe"></i></div>
104​ </div>
105​ <div class="col-md-9">
106​ <h2>Support for distribution-wide checks</h2><p class="text-muted">Can this set of packages be pushed to stable? Is this new system compose installable?</p>
107​ </div>
108​ </div>
109​
110​ <hr>
111​
112​ <div class="row">
113​ <div class="col-md-9">
114​ <h2>Event-based</h2><p class="text-muted">Where applicable only the simplest interaction between services is used - passing messages through a message bus - for both check triggering and result reporting. No hardcoded tie-ins to specific services.</p>
115​ </div>
116​ <div class="col-md-3">
117​ <div class="featurette text-right" style="color: #cc8f60;">
118​ <i class="fa fa-paper-plane"></i></div>
119​ </div>
120​ </div>
121​
122​ <hr>
123​
124​ <div class="row">
125​ <div class="col-md-3">
126​ <div class="featurette text-left" style="color: #639a81;">
127​ <i class="fa fa-puzzle-piece"></i></div>
128​ </div>
129​ <div class="col-md-9">
130​ <h2>Decoupled design</h2><p class="text-muted">Comprised of loosely-coupled standalone units (tools, libraries) so that important logical functions are separated and one unit can be replaced with a different unit with similar functionality.</p>
131​ </div>
132​ </div>
133​
134​ <hr>
135​
136​ <div class="row">
137​ <div class="col-md-9">
138​ <h2>Trivial local execution</h2><p class="text-muted">No need to replicate the production environment with all its servers and configurations, the check authors can easily run and develop their checks on their local machine with no unnecessary software setup hassle.</p>
139​ </div>
140​ <div class="col-md-3">
141​ <div class="featurette text-right" style="color: #cc8f60;">
142​ <i class="fa fa-desktop"></i></div>
143​ </div>
144​ </div>
145​ </div>
146​
147​ <footer class="fullpage">
148​ <div class="container text-center">
149​ <div class="punchline">Get in touch!</div>
150​ <p class="text-muted">Email on <a href="https://admin.fedoraproject.org/mailman/listinfo/qa-devel">The Fedora qa-devel list</a></p>
151​ <p class="text-muted">In #fedora-qa on <a href="https://webchat.freenode.net/">Freenode IRC</a></p>
152​ <p class="text-muted">Check the <a href="https://phab.qadevel.cloud.fedoraproject.org/project/view/5/">development plans</a></p>
153​ <img src="images/taskotron-box.svg" style="opacity: 1; padding-top: 120px; padding-bottom: 40px;">
154​ </div>
155​ </footer>
156​</body>
157​
158​<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
159​<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
160​
161​<script src="https://apps.fedoraproject.org/fedmenu/js/fedmenu.js"></script>
162​ <script>
163​ fedmenu({
164​ 'url': 'https://apps.fedoraproject.org/js/data.js',
165​ 'mimeType': 'application/javascript',
166​ 'position': 'bottom-right',
167​ });
168​ </script>
169​
170​</html>
View Options

style.css

  • This file was added.
1​@font-face {
2​ font-family: "Overpass";
3​ src: local("Overpass Regular"),
4​ local(Overpass),
5​ local(Overpass-Regular),
6​ url(fonts/Overpass-Regular.ttf);
7​ font-style: normal;
8​ font-weight: 400;
9​}
10​
11​@font-face {
12​ font-family: "Overpass";
13​ src: local("Overpass Bold"),
14​ local(Overpass-Bold),
15​ local(Overpass-Bold),
16​ url(fonts/Overpass-Bold.ttf);
17​ font-style: normal;
18​ font-weight: 700;
19​}
20​
21​@font-face {
22​ font-family: "Overpass";
23​ src: local("Overpass Light"),
24​ local(Overpass-Light),
25​ url(fonts/Overpass-Light.ttf);
26​ font-style: normal;
27​ font-weight: 300;
28​}
29​
30​body {
31​ font-family: "Overpass";
32​ background-color: #fefefe;
33​ font-size: 16pt
34​}
35​
36​.bg {
37​ background: linear-gradient(#e8e8e8, #fefefe);
38​}
39​
40​.fullpage {
41​ height: 100vh;
42​ display: flex;
43​ justify-content: center;
44​ align-items: center;
45​}
46​
47​.navbar {
48​ margin-bottom: 0px;
49​ border: none;
50​ background: none;
51​}
52​
53​.navbar-dark {
54​ background-color: #535452;
55​}
56​
57​.navbar-nav > li > a {
58​ text-transform: uppercase;
59​ color: #e8e8e8 !important;
60​ font-size: 10pt;
61​}
62​
63​.navbar-nav > li > a:hover {
64​ color: #639a81 !important;
65​}
66​
67​.jumbotron {
68​ background: none;
69​}
70​
71​.logo {
72​ padding-top: 40px;
73​ padding-bottom: 80px;
74​ width: 1000px;
75​}
76​
77​.punchline {
78​ padding-top: 40px;
79​ padding-bottom: 120px;
80​ font-size: 34pt !important;
81​ font-weight: 700 !important;
82​ text-transform: uppercase;
83​ color: #535452;
84​}
85​
86​.btn-primary {
87​ background-color: rgba(0,0,0,0);
88​ border-color: #639a81 !important;
89​ border-width: 2px;
90​ color: #639a81;
91​ margin: 0px 5px 5px 10px;
92​ padding: 11px 16px 8px 16px;
93​ border-radius: 23px;
94​ text-transform: uppercase;
95​ font-size: 12pt;
96​ font-weight: 600 !important;
97​}
98​
99​.btn-primary:hover {
100​ background-color: #639a81;
101​ border-color: #639a81;
102​ color: white;
103​}
104​
105​.hvr-fade {
106​ display: inline-block;
107​ vertical-align: middle;
108​ -webkit-transform: translateZ(0);
109​ transform: translateZ(0);
110​ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
111​ -webkit-backface-visibility: hidden;
112​ backface-visibility: hidden;
113​ -moz-osx-font-smoothing: grayscale;
114​ overflow: hidden;
115​ -webkit-transition-duration: 0.3s;
116​ transition-duration: 0.3s;
117​ -webkit-transition-property: color, background-color;
118​ transition-property: color, background-color;
119​}
120​.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
121​ background-color: #639a81 !important;
122​ color: white;
123​}
124​
125​.featurette {
126​ font-size: 72pt;
127​ margin-top: 0.1em;
128​ line-height: 0px;
129​}
130​
131​hr {
132​ margin-top: 40px;
133​ margin-bottom: 40px;
134​}
135​
136​h2{
137​ font-size: 18pt !important;
138​ text-transform: uppercase;
139​ font-weight: 700;
140​}
141​
142​.text-muted {
143​ font-weight: 300;
144​}
145​
146​footer {
147​ background: linear-gradient(#fefefe, #e8e8e8);
148​}
149​
150​small {
151​ font-size: 9pt;
152​}