Skip to content

Commit

Permalink
remove unnecessary text content and styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@Tuoris
Tuoris committed Jun 4, 2020
1 parent 9777aa0 commit 68dbcbe
Show file tree
Hide file tree
Showing 2 changed files with 0 additions and 168 deletions.
93 changes: 0 additions & 93 deletions knowledge-circuit/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,43 +64,6 @@ body {
}
}

.main-content {
position: relative;
background-color: #f2f2f2;
z-index: 10;
margin-top: 100vh;
padding-top: 60px;
padding-bottom: 20px;
-moz-box-shadow: 0 0 5px 0 #f2f2f2;
box-shadow: 0 0 5px 0 #f2f2f2;
}

.arrow-icon {
position: absolute;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50px;
height: 50px;
background-color: #f2f2f2;
top: -25px;
left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
padding-left: 7px;
-moz-box-shadow: 0 0 5px 0 #f2f2f2;
box-shadow: 0 0 5px 0 #f2f2f2;
z-index: 15;
}

.arrow-icon img {
width: 36px;
height: 36px;
z-index: 15;
}

.tech,
.info {
width: 900px;
Expand All @@ -115,67 +78,11 @@ body {
}

@media screen and (max-width: 900px) {
.tech,
.info {
width: 90%;
}
}

.tech h2 {
font-size: 1.6em;
text-transform: uppercase;
}

.tech h2,
.tech p:nth-child(2) {
display: inline;
}

.tech p {
margin: .5em 0;
line-height: 1.3em;
}

.python h2 {
color: #3377ff;
}

.flask h2 {
color: #000;
}

.django h2 {
color: #44B78B;
}

.c-lang h2 {
color: #00829f;
}

.c-plus-plus h2 {
color: #004383;
}

.front-end h2 {
color: #ff3386;
}

.html h2 {
color: #f0652b;
}

.css h2 {
color: #2162b0;
}

.sass h2 {
color: #cf649a;
}

.javascript h2 {
color: #e4a511;
}

footer {
position: relative;
display: block;
Expand Down
75 changes: 0 additions & 75 deletions knowledge-circuit/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,81 +13,6 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 640"><text xml:space="preserve" x="114.4" y="377" transform="scale(1.0044492,0.99557048)" class="svg0"><tspan x="114.4" y="377"><tspan x="106" y="377" style="-inkscape-font-specification:'Varela Round';font-family:'Varela Round';font-size:38">Yuriy Tupychak</tspan></tspan></text><rect y="306" x="87" height="119.9" width="325.9" ry="14" rx="14.7" class="svg1"/><g transform="translate(-122.04724,-159.48141)"><path d="m297.5 465 0-33.8-45-45 0-62.1 28.4-16.4 0-33.6" class="svg2"/><circle r="4.6" cy="271" cx="280.9" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m248 465.2 0-33.8-28-28 0-58.3" class="svg2"/><circle r="4.6" cy="342" cx="219.8" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m497.1 464.1 0-32.9-18.4-18.4-101 0-24.7-24.7 0-52" class="svg2"/><circle cx="353" cy="333.2" r="4.6" class="svg1"/><path d="m428.8 412.4-21.7-21.7 0-96-27.8-27.8 0-45" class="svg2"/><circle cx="379.2" cy="218.9" r="4.6" class="svg1"/><path d="m407.1 361.4 15.2-15.2 31.8 0 16.2-16.2 0-53.5" class="svg2"/><circle cx="470.2" cy="273.5" r="4.6" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m296 587.2 0 34.3-45.5 45.5 0 37.4" class="svg2"/><circle r="4.6" cy="707.3" cx="250.4" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m330 688.4 0-31 16.1-16.1 0-55.4" class="svg2"/><circle r="4.6" cy="692.1" cx="330.1" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m397 587.7 0 33.8 22.7 22.7 0 77.7" class="svg2"/><circle cx="419.9" cy="724.6" r="4.6" class="svg1"/><path d="m419.7 644.3 27.3 0 18.2 18.2 0 28.8" class="svg2"/><circle cx="465.2" cy="694.5" r="4.6" class="svg1"/></g><g transform="translate(-72.549765,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="translate(-22.547214,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,-222.29467,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="matrix(1,0,0,-1,-21.58038,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,27.97669,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><text y="166.7" x="76.9" xml:space="preserve" class="svg0"><tspan y="166.7" x="76.9" class="svg4" >C++</tspan></text><text xml:space="preserve" x="150.1" y="95.9" class="svg0"><tspan x="150.1" y="95.9" class="svg4" >C</tspan></text><text xml:space="preserve" x="218.6" y="42.4" class="svg0"><tspan x="218.6" y="42.4" class="svg4" >Python</tspan></text><text y="157.4" x="201.8" xml:space="preserve" class="svg0"><tspan y="157.4" x="201.8" class="svg4" >Flask</tspan></text><text xml:space="preserve" x="307.4" y="96.8" class="svg0"><tspan x="307.4" y="96.8" class="svg4" >Django</tspan></text><text xml:space="preserve" x="93.4" y="581.7" class="svg0"><tspan x="93.4" y="581.7" class="svg4" >HTML</tspan></text><text y="565.4" x="194.7" xml:space="preserve" class="svg0"><tspan y="565.4" x="194.7" class="svg4" >JS</tspan></text><text xml:space="preserve" x="273.1" y="596" class="svg0"><tspan x="273.1" y="596" class="svg4" >CSS</tspan></text><text y="544.9" x="358.1" xml:space="preserve" class="svg0"><tspan y="544.9" x="358.1" class="svg4" >SASS</tspan></text></svg>
</div>
</section>
<section class="main-content">
<div class="arrow-icon">
<img src="./img/arrow.png" alt="arrow down">
</div>
<section class="tech python">
<h2>Python</h2>
<p>is a widely used high-level, general-purpose, interpreted, dynamic programming language. Its design philosophy emphasizes code readability, and its syntax allows programmers to express concepts in fewer lines of code than possible in languages such as C++ or Java. The language provides constructs intended to enable clear programs on both a small and large scale.</p>

<p>Python supports multiple programming paradigms, including object-oriented, imperative and functional programming or procedural styles. It features a dynamic type system and automatic memory management and has a large and comprehensive standard library.</p>

<p>Python interpreters are available for many operating systems, allowing Python code to run on a wide variety of systems.</p>
</section>
<section class="tech flask">
<h2>Flask</h2>
<p>is a micro web framework written in Python and based on the Werkzeug toolkit and Jinja2 template engine.</p>

<p>Applications that use the Flask framework include Pinterest, LinkedIn, and the community web page for Flask itself.</p>

<p>Flask is called a micro framework because it does not require particular tools or libraries. It has no database abstraction layer, form validation, or any other components where pre-existing third-party libraries provide common functions. However, Flask supports extensions that can add application features as if they were implemented in Flask itself. Extensions exist for object-relational mappers, form validation, upload handling, various open authentication technologies and several common framework related tools. Extensions are updated far more regularly than the core Flask program.</p>
</section>
<section class="tech django">
<h2>Django</h2>
<p>is a free and open-source web framework, written in Python, which follows the model–view–controller (MVC) architectural pattern. It is maintained by the Django Software Foundation (DSF), an independent organization established as a non-profit.</p>

<p>Django's primary goal is to ease the creation of complex, database-driven websites. Django emphasizes reusability and "pluggability" of components, rapid development, and the principle of don't repeat yourself. Python is used throughout, even for settings files and data models. Django also provides an optional administrative create, read, update and delete interface that is generated dynamically through introspection and configured via admin models.</p>

<p>Some well-known sites that use Django include Pinterest, Instagram, Mozilla, The Washington Times, Disqus, the Public Broadcasting Service, Bitbucket, and Nextdoor.</p>
</section>
<section class="tech c-lang">
<h2>C</h2>
<p>is a general-purpose, imperative computer programming language, supporting structured programming, lexical variable scope and recursion, while a static type system prevents many unintended operations. By design, C provides constructs that map efficiently to typical machine instructions, and therefore it has found lasting use in applications that had formerly been coded in assembly language, including operating systems, as well as various application software for computers ranging from supercomputers to embedded systems.</p>

<p>C was originally developed by Dennis Ritchie between 1969 and 1973 at Bell Labs, and used to re-implement the Unix operating system. It has since become one of the most widely used programming languages of all time, with C compilers from various vendors available for the majority of existing computer architectures and operating systems.</p>
</section>
<section class="tech c-plus-plus">
<h2>C++</h2>
<p>is a general-purpose programming language. It has imperative, object-oriented and generic programming features, while also providing facilities for low-level memory manipulation.</p>

<p>It was designed with a bias toward system programming and embedded, resource-constrained and large systems, with performance, efficiency and flexibility of use as its design highlights. C++ has also been found useful in many other contexts, with key strengths being software infrastructure and resource-constrained applications, including desktop applications, servers (e.g. e-commerce, web search or SQL servers), and performance-critical applications (e.g. telephone switches or space probes). C++ is a compiled language, with implementations of it available on many platforms and provided by various organizations, including the Free Software Foundation (FSF's GCC), LLVM, Microsoft, Intel and IBM.</p>
</section>
<section class="tech front-end">
<h2>Front end</h2>
<p>web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or web application so that a user can see and interact with them directly. The challenge associated with front end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.</p>

<p>The objective of designing a site is to ensure that when the users open up the site they see the information in a format that is easy to read and relevant. This is further complicated by the fact that users now use a large variety of devices with varying screen sizes and resolutions thus forcing the designer to take into consideration these aspects when designing the site. They need to ensure that their site comes up correctly in different browsers (cross-browser), different operating systems (cross-platform) and different devices (cross-device), which requires careful planning on the side of the developer.</p>
</section>
<section class="tech html">
<h2>HTML</h2>
<p>is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically and, before the advent of Cascading Style Sheets (CSS), included cues for the presentation or appearance of the document (web page), making it a markup language, rather than a programming language.</p>

<p>HTML elements form the building blocks of HTML pages. HTML allows images and other objects to be embedded and it can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as &lt;img /&gt; and &lt;input /&gt; introduce content into the page directly. Others such as &lt;p&gt;...&lt;/p&gt; surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.</p>

<p>HTML can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages. HTML markup can also refer the browser to Cascading Style Sheets (CSS) to define the look and layout of text and other material. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.</p>
</section>
<section class="tech css">
<h2>CSS</h2>
<p>is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.</p>

<p>CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content.</p>
</section>
<section class="tech sass">
<h2>Sass</h2>
<p>(Syntactically Awesome Stylesheets) is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein continued to extend Sass with SassScript, a simple scripting language used in Sass files.</p>

<p>Sass is a scripting language that is interpreted into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called "the indented syntax", uses a syntax similar to Haml. The newer syntax, "SCSS", uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate lines within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.</p>

<p>SassScript provides the following mechanisms: variables, nesting, mixins, and selector inheritance.</p>
</section>
<section class="tech javascript">
<h2>JavaScript</h2>
<p>is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript language specification. Alongside HTML and CSS, it is one of the three core technologies of World Wide Web content production; the majority of websites employ it and it is supported by all modern Web browsers without plug-ins. JavaScript is prototype-based with first-class functions, making it a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles. It has an API for working with text, arrays, dates and regular expressions, but does not include any I/O, such as networking, storage, or graphics facilities, relying for these upon the host environment in which it is embedded.</p>

<p>JavaScript is also used in environments that are not Web-based, such as PDF documents, site-specific browsers, and desktop widgets. Newer and faster JavaScript virtual machines (VMs) and platforms built upon them have also increased the popularity of JavaScript for server-side Web applications. On the client side, JavaScript has been traditionally implemented as an interpreted language, but more recent browsers perform just-in-time compilation. It is also used in game development, the creation of desktop and mobile applications, and server-side network programming with runtime environments such as Node.js.</p>
</section>
</section>
<footer>
<div class="info">
<div class="mail">tuoris.dev@gmail.com</div>
Expand Down

0 comments on commit 68dbcbe

Please sign in to comment.