PythonBenin.github.io/content/french/propose-a-topic.html at develop · PythonBenin/PythonBenin.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
---
title : Proposer un sujet
---

<p> Nous proposons 2 formats différents : <br><br>

    <ul>
        <li><strong>- Le court (5 minutes): </strong>par exemple pour susciter la curiosité en faisant découvrir une librairie Python, ou pour parler d’un sujet précis lié à la programmation. </li>
        <li><strong>- Le long (30 minutes + 10 minutes de questions): </strong>parfait pour rentrer un peu plus dans le sujet, développer l’argumentation, faire un “live-coding”. </li>
    </ul>

</p>

<div class="bg-white mt-8 p-8">
    <form method="POST" netlify>
        <div class="form-row">
            <label for="tile">Titre*</label>
            <input type="text" name="title" id="title" required>
        </div>
        <div class="form-row">
            <label for="description">Description*</label>
            <textarea name="" id="description" cols="" rows="5" required></textarea>
        </div>
        <div class="form-row" id="talk-format">
            <label for="talk-format">Format de Talk*</label>
            <div class="radio-button">
                <input type="radio" name="talk-format" id="long" checked>
                <label for="long">Long (30 mins + questions) </label>
            </div>
            <div class="radio-button">
                <input type="radio" name="talk-format" id="short">
                <label for="short">Court (5 mins) </label>
            </div>

        </div>

        <div class="form-row">
            <label for="slide-link">Lien vers les slides</label>
            <input type="text" name="" id="slide-link" placeholder="https://">
        </div>

        <div class="form-row">
            <label for="project-link">Lien vers le projet</label>
            <input type="text" name="" id="project-link" placeholder="https://">
        </div>
        <div class="form-row">
            <label for="twitter">Twitter</label>
            <input type="text" name="" id="twitter" placeholder="@pythonbenin">
        </div>
        <div data-netlify-recaptcha="true"></div>
        <input class="button-primary" type="submit" value="Valider">

    </form>
</div>

<style>
    .form-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5rem ;
    }

    label {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 0.5rem;
    }

    .form-row textarea {
        height: inherit;
    }

    .form-row input, textarea {
        width: 100%;
        height: 50px;
        border: solid 1px gray;
        align-items: center;
        padding: 0.75rem;
        outline: none;

    }
    .form-row input:hover {

    }
    .form-row input:hover, input:focus, textarea:focus {
        border-color: #5C038B;
        border-width: 2px;
    }
    .form-row:focus-within label {


    }


    .form-row input[type=radio] {
        height: 1rem;
        width: 1rem;
        text-align: left;
    }
    .radio-button {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem ;
    }
    .radio-button label {
        padding-left: 0.5rem ;
        font-weight: normal;
        margin-bottom: 0px;
        margin-top: 0px;
    }
</style>